3:44Interactive lyrical music video rendered in HTML
Interactive lyrical music video rendered in 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]
출처에서 프롬프트 공유로 표시한 게시물입니다. 자세한 내용은 원본 게시물을 확인하세요.




