AI Video / Kinetic Type

Interactive lyrical music video rendered in HTML

Creator@kloss_xyz ↗

Creative reference

Creator: @kloss_xyz ↗

01 / Make it yours

Make it yours

01
Watch the result and study its pacing
02
Read the creator’s original notes
03
Use the reference to develop your own brief

02 / Source & credits

Source & credits

Creator@kloss_xyz

Original post ↗

Creator notesFree

Model: Opus 5.5 ↗
Category: Kinetic Type ↗

Creator notes

No editing software touched this video. Gave Opus 5.5 a song I made in Suno v6. Then asked it for a lyrical music video. Claude split the stems and timed all 229 words to the vocals. Then it wrote the visuals in code and built an HTML file that rendered and exported the video in 1080p right in the browser. Under 1 minute on my MacBook Pro. Introducing Turn It Up Now. Save it, remix it, and show me what you get. Prompt (plus attach your song .mp3): Make a fully interactive music video for this song as a single HTML file, at the level of a motion designer, sound engineer and creative director's showreel. The first frame has to stop the scroll and hook the viewer. Go all out. Lyrics are below. Sync them word by word to the actual vocal. Separate the stems first, then time every word from the vocal track rather than estimating. Detect tempo, beats, kicks and snares, and drive the visuals from them. Rules: - One visual and type system across every section. Quiet sections should feel like the same video with the energy held back, not a different style. - Every word must be crisp and readable over the effects. Glow and trails go behind the type, never through it. - Give each lyric its own visual idea where it fits. No section should be filler. - Don't add any audio to the song unless I ask. - Interactions: hold to muffle the band, tap for a spark quantized to the beat, scroll for gain, stem mute buttons, a scrubbable timeline. - Include an "Export 1080p video" button that renders every frame on a fixed clock and saves a 1920x1080 16:9 MP4 (H.264 + AAC) with the audio muxed in. - Make the HTML file run on its own by double-clicking it in Chrome, with the audio built in. [LYRICS WITH SECTION TAGS]

Original post ↗