Ukumisela: Intengiso yokuvelisa iintengiso ze-UGC

Ndibuze: igama lemveliso kunye nesithembiso somgca omnye, imizuzwana emi-3 ukuya kwemi-5 ye-UI yokubonisa, umbala omnye we-accent, ii-clip ezithe nkqo eziyi-10 ukuya kwezingama-20 endinazo, kunye nengoma engenamali engenanto enethontsi elicacileyo (umz. iMixkit, yasimahla yokusetyenziswa kwezorhwebo).

Incinci kakhulu. Ingcinga enye ngefoto nganye, indawo eninzi engenanto, umbala omnye we-accent, enye ecocekileyo ngaphandle (Geist okanye Inter) kunye nokulandelela okuqinileyo. Uhlobo olufihliweyo lutyhila, ukusika okulinganayo, ulwimi olunye lwekhamera olugudileyo. Ividiyo yokwenyani kuphela, amakhadi angaze abe yindawo. Akukho ziphelo kumbhalo okwisikrini.
Ivaliwe: iiringi ze-shockwave, ukuqhuma kwamasuntswana, ukuqhekeka kwe-RGB, ukushukuma kwekhamera, ukugqabhuka kwelensi, ukukhanya kwe-neon, umgangatho wegridi, imvelaphi ekhanyayo, ukutsiba okukhawulezayo.

Iibha ezili-10 kwi-120 BPM, imizuzwana emi-2 nganye.
Ibha 1: ihaki ifika igama negama kwisandi.
Ibha yesi-2: igama eliyi-hook enye litshintsha libe yi-UI yemveliso. Uhlobo lwesikhombisi kunye nokucofa.
Ukuwa: isangqa sivuleka ngeqhosha siye kwindawo emnyama.
Emva koko intshukumo enye ngebha: udonga lweekliphu zokwenyani ezinomgca wokuskena kunye nabaphumeleleyo abathathu, isiphumo esibalulekileyo njengohlobo olukhulu, i-carousel ye-3D yeevidiyo zokwenyani ezineembonakalo zomgangatho kunye ne-motion-blurred whip kwi-hero clip enye, iqhawe kwifowuni ecaleni kwephaneli ejika ibe ziziphumo, izibalo ezinkulu kwii-push cuts, i-ticker yamagama amathathu, i-logo reveal, i-fade to black.

1. Ifayile enye HTML kwi-1920x1080. Zonke izitayile zibalwa ukusuka kwixesha ngaphakathi
http://
iwindow.seek(t): akukho mifanekiso CSS, akukho zibali-xesha, akukho meko phakathi kweefreyimu.
2. Ividiyo yokwenyani: khupha iikliphu kwiisequence zeJPEG ze-30fps nge ffmpeg kwaye utshintshe imithombo ye-img kwifreyimu nganye. Ukufuna kulindele ukudekhodwa komfanekiso.
3. Hlalutya ingoma nge-numpy: isantya, igridi ye-beat, amandla ngebha, i-drop. Lungisa igridi ukuya kwii-kick hits zokwenyani. Yonke i-cut ixhomekeke kwi-downbeat, yonke i-UI ixhomekeke kwi-beat.
4. Yenza iRender Playwright: ii-subframes ezi-3 kwifreyimu nganye kwi-t minus, kwi-at, nakwi-plus 1/240s, uze udibanise ne ffmpeg tmix ukuze ufumane i-real motion blur kwi-60fps.
5. Beka isiphumo ngasinye sesandi ukuze incopho yaso elinganisiweyo, hayi ukuqala kwefayile yaso, ifike kwisiganeko. Gcina iziphumo zithule phantsi komculo. Isandi esikhulu ukuya kwi -14 LUFS.
6. Phanda iifreyimu ezingama-20 nangaphezulu ngaphambi kokuba ubonise ngokupheleleyo. Lungisa nantoni na exineneyo, egqubanayo okanye enzima ukuyifunda.

Ungaze usete i-opacity okanye isihluzi kwi-preserve-3d element, kuba iyacaba kwaye zombini ubuso buyabonakala. Fiphaza i-wrapper yayo endaweni yoko. Linganisa izikhundla ze-element ngexesha lokusebenza ukuze ufumane ukusika okufanayo. Sebenzisa kuphela umculo kunye neziphumo zesandi ezinelayisenisi evumela ukusetyenziswa kwezorhwebo.

Ndicele izimvo, uze undibonise ibhodi yebali enexesha ngalinye kwigridi yesandi ngaphambi kokuba ubhale nayiphi na ikhowudi.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Isaziso sithathwe kwi iposi @twoclipping.