Siyalungiselela: Iphromo yokukhiqiza izikhangiso ze-UGC

Ngibuze: igama lomkhiqizo kanye nesithembiso somugqa owodwa, izikhathi ze-UI ezi-3 kuya kwezi-5 zokubonisa, umbala owodwa wokugcizelela, iziqeshana zangempela eziqondile eziyi-10 kuya kwezingu-20 enginazo, kanye nengoma engenamali eningi ene-drop ecacile (isb. i-Mixkit, yamahhala yokusetshenziswa kwezentengiso).

Okuncane kakhulu. Umbono owodwa ngesithombe ngasinye, isikhala esiningi esingenalutho, umbala owodwa wokugcizelela, owodwa ohlanzekile ngaphandle (Geist noma Inter) ngokulandelela okuqinile. Uhlobo olufihliwe luyaveza, ukusika okufanayo, ulimi olulodwa lwekhamera olubushelelezi. Izithombe zangempela kuphela, amakhadi angalokothi abe yindawo. Azikho izikhawu kumbhalo osesikrinini.
Kuvinjelwe: izindandatho ze-shockwave, ukuqhuma kwezinhlayiya, ukuhlukaniswa kwe-RGB, ukushukuma kwekhamera, ukugqama kwelensi, ukukhanya kwe-neon, phansi kwegridi, izizinda ezikhanyayo, ukugxumagxuma.

Amabha ayi-10 ku-120 BPM, imizuzwana emi-2 ngayinye.
Ibha 1: i-hook ifika igama negama ezishayini.
Ibha 2: igama elilodwa le-hook liguquka libe yi-UI yomkhiqizo. Isikhombisi siyathayipha futhi sichofoze.
Ukuwa: indilinga ivuleka ngenkinobho iye endaweni emnyama.
Bese kuba ukunyakaza okukodwa ngebha: udonga lweziqeshana zangempela ezinomugqa wokuskena kanye nabanqobi abathathu, umphumela oyinhloko njengohlobo olukhulu, i-carousel ye-3D yamavidiyo angempela anokubonakaliswa phansi kanye nesiswebhu esifiphele esinyakazayo esiqeshaneni esisodwa seqhawe, iqhawe efonini eduze kwephaneli ephenduka ibe yimiphumela, izibalo ezinkulu kuma-push cuts, i-ticker yamagama amathathu, i-logo reveal, i-fade to black.

1. Ifayela elilodwa HTML ku-1920x1080. Zonke izitayela zibalwa kusukela esikhathini ngaphakathi
http://
i-window.seek(t): akukho izithombe ze CSS, akukho zibali-sikhathi, akukho simo phakathi kwamafreyimu.
2. Ividiyo yangempela: khipha iziqeshana ku-30fps JPEG sequences nge ffmpeg bese ushintshanisa imithombo ye-img ngohlaka ngalunye. Seek ilindele ama-decode esithombe.
3. Hlaziya ingoma nge-numpy: i-tempo, i-beat grid, amandla ngebha, i-drop. Linganisa i-grid ibe ngama-kick hits angempela. Ukunqunywa ngakunye kusekelwe ku-downbeat, i-UI ngayinye isekelwe ku-beat.
4. Yenza nge Playwright: amafreyimu ama-subframe ama-3 ngohlaka ngalunye ku-t minus, at, kanye no-plus 1/240s, bese uhlanganisa ne ffmpeg tmix ukuze uthole ukufiphala kokunyakaza kwangempela ku-60fps.
5. Beka umphumela womsindo ngamunye ukuze isiqongo sawo esilinganisiwe, hhayi ukuqala kwefayela lawo, sifike emcimbini. Gcina imiphumela ithule ngaphansi komculo. I-Loudnorm kuya ku--14 LUFS.
6. Hlola ozimele abangu-20 noma ngaphezulu ngaphambi kokwenza umboniso ogcwele. Lungisa noma yini ephithizelayo, ehambisanayo noma okunzima ukuyifunda.

Ungalokothi usethe i-opacity noma isihlungi ku-preserve-3d element, ngoba iyacaba futhi ubuso bobabili buyabonakala. Fafaza i-wrapper yayo esikhundleni salokho. Linganisa izikhundla ze-element ngesikhathi sokusebenza ukuze uthole ukunqunywa okufanayo. Sebenzisa kuphela umculo nomsindo onelayisensi evumela ukusetshenziswa kwezentengiso.

Ngicela imibono, bese ungibonisa ibhodi lezindaba elinohlelo ngalunye lwesikhathi kugridi yokushaya ngaphambi kokuba ubhale noma iyiphi ikhodi.

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 ku- okuthunyelwe @twoclipping.