Impostazione: Promo del generatore di annunci UGC

Chiedimi: il nome del prodotto e una promessa in una riga, da 3 a 5 momenti dell'interfaccia utente da mostrare, un colore d'accento, da 10 a 20 clip verticali reali di mia proprietà e una canzone royalty-free con un drop chiaro (ad esempio Mixkit, gratuita per uso commerciale).

Minimalismo di alta gamma. Un'idea per inquadratura, molto spazio vuoto, un colore d'accento, un carattere sans serif pulito (Geist o Inter) con tracciamento preciso. Rivelazione del testo mascherata, raccordi di montaggio, un linguaggio di ripresa fluido. Solo filmati reali, mai schede segnaposto. Nessun punto nel testo a schermo.
Vietato: anelli di onde d'urto, esplosioni di particelle, divisione RGB, tremolio della fotocamera, riflessi dell'obiettivo, bagliori al neon, pavimenti a griglia, sfondi lampeggianti, easing elastico.

10 battute a 120 BPM, 2 secondi ciascuna.
Battuta 1: il ritornello cade parola per parola sul ritmo.
Barra 2: una parola chiave si trasforma nell'interfaccia utente del prodotto. Un cursore digita e clicca.
La goccia: un cerchio si apre dal pulsante su una scena oscura.
Poi una mossa per ogni barra: una parete di clip reali con una linea di scansione e 3 vincitori, l'output chiave in caratteri grandi, un carosello 3D di video reali con riflessi sul pavimento e una frustata sfocata dal movimento su una clip principale, il protagonista in un telefono accanto a un pannello che si capovolge per mostrare i risultati, grandi statistiche su tagli a scorrimento, un ticker di 3 parole, la rivelazione del logo, una dissolvenza in nero.

1. Un file HTML a 1920x1080. Ogni stile viene calcolato dal tempo all'interno
http://
window.seek(t): nessuna animazione CSS, nessun timer, nessuno stato tra i frame.
2. Video reale: estrarre le clip in sequenze JPEG a 30 fps con ffmpeg e scambiare le sorgenti delle immagini per ogni fotogramma. La funzione seek attende la decodifica delle immagini.
3. Analizza il brano con numpy: tempo, griglia ritmica, energia per battuta, drop. Calibra la griglia sui veri colpi di cassa. Ogni taglio si trova su un battito, ogni colpo dell'interfaccia utente su un battito.
4. Rendering con Playwright: 3 subframe per fotogramma a t meno, a e più 1/240s, quindi fusione con ffmpeg tmix per un vero effetto motion blur a 60fps.
5. Posiziona ciascun effetto sonoro in modo che il suo picco misurato, e non l'inizio del file, coincida con l'evento. Mantieni gli effetti a basso volume rispetto alla musica. Loudnorm a -14 LUFS.
6. Esegui un test su almeno 20 fotogrammi prima del rendering finale. Correggi eventuali elementi disordinati, sovrapposti o difficili da leggere.

Non impostare mai l'opacità o un filtro su un elemento preserve-3d, perché si appiattisce e vengono visualizzate entrambe le facce. Piuttosto, sfuma il suo contenitore. Misura la posizione degli elementi in fase di esecuzione per i tagli di corrispondenza. Utilizza solo musica ed effetti sonori la cui licenza ne consenta l'uso commerciale.

Chiedimi gli input, poi mostrami uno storyboard con tutte le tempistiche sulla griglia ritmica prima di scrivere qualsiasi riga di codice.

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.

Suggerimento tratto da inviare @twoclipping.