Scene-by-scene timeline & spoken transcript
The Hook
Prompting AI Hearing
“(No spoken dialogue — keyboard typing clicks and chime cue)”
- On screen
- can AI hear?
- Camera
- Static front-facing center
- Motion
- Typewriter text with blinking blue cursor dissolving into floating dots
Feature Teaser
Melody & Waveform Synthesis
“(No spoken dialogue — four rising synthetic marimba notes)”
- On screen
- (No on-screen text)
- Camera
- Static center focus
- Motion
- Animated blue waveform bars echoing rising musical note icons and dot pitch markers
Feature Teaser
UI Sound Synthesis
“(No spoken dialogue — mouse toggle click, bubble pops, and swoosh sweep)”
- On screen
- (No on-screen text)
- Camera
- Static center focus
- Motion
- Simulated UI interactions showing toggle flick, expanding soap bubbles, and velocity arc
Product Reveal
Brand Identity Morph
“(No spoken dialogue — resonant synth tone and sweep)”
- On screen
- earshot
- Camera
- Slight push-in on logo lockup
- Motion
- Radial particle ring snaps into ear glyph with blue audio bars and typographic resolve
Product Reveal
The Synthesis Reveal
“(No spoken dialogue — pulsing ambient synth frequency)”
- On screen
- AI can hear now. Every sound you heard was made by code.
- Camera
- Static center focus
- Motion
- Kinetic blur word swap over oscillating blue audio waveform
Call to Action
Open Source Sign-off
“(No spoken dialogue — subtle fade-out chord)”
- On screen
- earshot open source · github.com/Leonlnx/earshot
- Camera
- Static center lockup
- Motion
- Smooth vertical fade-in of logo, brand wordmark, and repository URL
Motion design primitives
Synthesizable in Remotion · key components of the kinetic-audio-typography template.
AudioWaveformSpectrum
Array of vertical pill bars modulating height based on synthetic audio amplitude.
+ Code construction recipe
Map audio amplitude array to SVG rounded line elements scaled vertically using Remotion useCurrentFrame and interpolate.
TypingPromptCursor
Character-by-character text reveal alongside an oscillating vertical blue pipe.
+ Code construction recipe
Slice text string by frame count and render adjacent blue div with opacity cycling on modulo frames.
ParticleMorphRing
Scattered circular dots coalescing into a single orbital arc and vector logo.
+ Code construction recipe
Animate dot SVG coordinates using spring physics from noisy offsets into radial polar coordinates.
Style DNA & aesthetic system
Visual aesthetic
Typography
Motion
Special effects
Pacing & rhythm
Conceptual story rhythm
- 1
The Question
Purpose. Establish cognitive curiosity regarding AI hearing capabilities.
Execution. Typing search query on stark white void.
- 2
Sensory Proof
Purpose. Demonstrate synthetic audio-visual fidelity across musical notes and UI cues.
Execution. Synchronized animations matching UI toggles, notes, and sweeps.
- 3
Meta Twist & CTA
Purpose. Disclose that audio was fully generated by code and provide repo destination.
Execution. Typography flip over live waveform followed by clean GitHub link.
Remix in Animatiq Studio
Master remix prompt · agent-ready
Sample remix
Objective
Launch promo for an open-source WebGL shader physics engine.How the recipe adapts
Replace audio waveform with dynamic 2D vector spring meshes; replace sound notes with physical collision pulses, concluding with the reveal: 'Every frame you saw was drawn in pure math.'Remix blueprint · kinetic-audio-typography
Scene durations (6 scenes, 22s)
Key Remotion components
Related AI & ML Product Launches
Explore all AI & ML launches →
Introducing Griffin, the first AI to pass the video Turing test
The most emotive and controllable TTS model
We just released QVAC TranscribePsy, a speech-to-text model small enough to run inside a phone app. It covers 25 European languages on a laptop and 8 on a phone, and on an iPhone 17 Pro Max's Ne