We just released Video with Sound: a free, interactive Framer component: a video player with parallax depth, separate audio track, and animated sound wave button ⏯️
Process note:
🌑 Echo is a black screen where every sound sends a wave of light through the scene in real depth.
🎞️ Starting footage: one licensed stock clip of a temple corridor from invideo's stock library. The sound is original, synthesised for this piece. The voiceover is my own.
💬 What I asked for: a black screen where each ping lights the scene by distance, built from a depth map, with controls for each wave, afterglow, wave thickness, contour lines, outlines, colour and a final reveal.
🛠️ What was built: a depth map (Depth Anything Video), two "Echo" custom effects on the depth map (a Multiply layer for light and an Add layer for glow), an "Echo colour" effect on the footage, and keyframes for six waves and the reveal. The first build was done by Claude, connected to invideo Editor through invideo's MCP server.
🎚️ Refinement: I asked invideo's own agent (Agent Two Lite) in the editor to raise Afterglow from 0.14 to 0.3 on both Echo effects. It made the change on the timeline, and that conversation is shown in the video. I also tried a longer afterglow and a gold colour, both shown.
✅ All building and the final cut were done in invideo Editor.
Top tier fintech motion. The audio sync turns a basic transaction flow into pure sensory delight. Is the audio embedded directly in the Figma prototype or added in post?
Financial & Explanatory Motion Design: The Story of Inflation
Video Editing * Motion Graphics * DaVinci Resolve * Visual Effects
A dynamic motion graphics and explanatory video exploring global and Indian economic trends. This project features custom-paced text animation, newspaper cutout aesthetics, animated statistical charts, and seamless integration of real-world footage. Edited and styled to maximize audience engagement and retention through sophisticated visual storytelling.