Menyediakan: Promosi penjana iklan UGC

Tanya saya untuk: nama produk dan janji satu baris, 3 hingga 5 momen UI untuk ditunjukkan, satu warna aksen, 10 hingga 20 klip menegak sebenar yang saya miliki dan lagu bebas royalti dengan titisan jernih (cth. Mixkit, percuma untuk kegunaan komersial).

Minimal mewah. Satu idea setiap tangkapan, banyak ruang kosong, satu warna aksen, satu sans bersih (Geist atau Inter) dengan penjejakan yang ketat. Pendedahan taip bertopeng, potongan padanan, satu bahasa kamera yang lancar. Rakaman sebenar sahaja, bukan kad pemegang tempat. Tiada noktah dalam teks pada skrin.
Diharamkan: cincin gelombang kejutan, pecahan zarah, pemisahan RGB, gegaran kamera, suar kanta, cahaya neon, lantai grid, latar belakang berkelip, pelonggaran lantunan.

10 bar pada 120 BPM, 2 saat setiap satu.
Bar 1: mata kail mendarat perkataan demi perkataan pada rentak.
Bar 2: satu perkataan kait berubah menjadi UI produk. Kursor menaip dan mengklik.
Jatuh: bulatan terbuka keluar dari butang ke dalam pemandangan gelap.
Kemudian satu gerakan setiap bar: dinding klip sebenar dengan garis imbasan dan 3 pemenang, output kunci sebagai jenis besar, karusel 3D video sebenar dengan pantulan lantai dan cambuk kabur gerakan pada satu klip wira, wira dalam telefon di sebelah panel yang menukar kepada keputusan, statistik besar pada potongan tolak, penanda 3 perkataan, pendedahan logo, pudar kepada hitam.

1. Satu fail HTML pada 1920x1080. Setiap gaya dikira dari masa ke dalam
http://
window.seek(t): tiada animasi CSS, tiada pemasa, tiada keadaan antara bingkai.
2. Video sebenar: ekstrak klip kepada jujukan JPEG 30fps dengan ffmpeg dan tukar sumber imej setiap bingkai. Seek menunggu imej dinyahkod.
3. Analisis lagu dengan numpy: tempo, grid rentak, tenaga setiap bar, penurunan. Tentukur grid kepada hentakan tendangan sebenar. Setiap potongan berada pada rentak menurun, setiap hentakan UI pada rentak.
4. Render dengan Playwright: 3 subbingkai setiap bingkai pada t tolak, pada, dan tambah 1/240s, kemudian kisar dengan ffmpeg tmix untuk kabur gerakan sebenar pada 60fps.
5. Letakkan setiap kesan bunyi supaya puncaknya yang diukur, bukan permulaan failnya, mendarat pada peristiwa tersebut. Pastikan kesannya senyap di bawah muzik. Naikkan loudnorm kepada -14 LUFS.
6. Semak 20 atau lebih bingkai sebelum pemaparan penuh. Betulkan apa-apa yang berselerak, bertindih atau sukar dibaca.

Jangan sekali-kali menetapkan kelegapan atau penapis pada elemen preserve-3d, kerana ia akan merata dan kedua-dua permukaan akan dipaparkan. Sebaliknya, pudarkan pembalutnya. Ukur kedudukan elemen semasa masa jalan untuk potongan padanan. Hanya gunakan muzik dan kesan bunyi yang lesennya membenarkan penggunaan komersial.

Minta input daripada saya, kemudian tunjukkan papan cerita dengan setiap pemasaan pada grid rentak sebelum anda menulis sebarang kod.

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.

Gesaan diambil daripada pos @twoclipping.