AI 動画 / Kinetic Type

Interactive lyrical music video rendered in HTML

作者@kloss_xyz ↗

制作の参考

作者: @kloss_xyz ↗

01 / 自分の作品へ

自分の作品へ

01
作品とそのテンポを観察する
02
作者の元の説明を読む
03
参考にして自分の制作要件をまとめる

02 / 出典とクレジット

出典とクレジット

作者@kloss_xyz

元の投稿 ↗

作者の説明無料

モデル: Opus 5.5 ↗
カテゴリ: Kinetic Type ↗

作者の説明

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]

元の投稿 ↗