MotionVideo.me2008
中

HTML渲染的交互式歌词音乐视频

HTML渲染的交互式歌词音乐视频,由 @kloss_xyz 使用 Opus 5.5 创作。观看视频,阅读创作者原帖,了解作品背景。

1:50 · 62 赞(来源快照) · 5.1K 次浏览(来源快照)

创作者帖子

创作者帖子和原始作品标题保留来源语言。

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]

来源标注该帖子分享了提示词,完整上下文请查看原帖。

查看原帖 ↗

搜索标题、创作者帖子和风格,按回车查看结果。