Configuració: Promoció del generador d'anuncis UGC

Demana'm: el nom del producte i una promesa d'una línia, de 3 a 5 moments d'IU per mostrar, un color d'accent, de 10 a 20 clips verticals reals que tingui i una cançó lliure de drets d'autor amb un drop clar (per exemple, Mixkit, gratuït per a ús comercial).

Minimalisme d'alta gamma. Una idea per pla, molt d'espai buit, un color d'accent, un sans net (Geist o Inter) amb tracking ajustat. Revelacions de tipus emmascarats, talls coincidents, un llenguatge de càmera suau. Només metratge real, mai targetes de marcador de posició. Sense punts finals al text en pantalla.
Prohibits: anells d'ones de xoc, explosions de partícules, divisió RGB, tremolor de càmera, flaixos de lents, resplendors de neó, terres de quadrícula, fons intermitents, relaxació de rebot.

10 compassos a 120 BPM, 2 segons cadascun.
Compàs 1: el ganxo aterra paraula a paraula sobre els temps.
Compàs 2: una paraula clau es transforma en la interfície d'usuari del producte. Un cursor escriu i fa clic.
La gota: un cercle s'obre del botó cap a una escena fosca.
Aleshores, un moviment per compàs: una paret de clips reals amb una línia d'escaneig i 3 guanyadors, la sortida clau com a lletra gran, un carrusel 3D de vídeos reals amb reflexos al terra i un fuet borrós per moviment en un clip heroi, l'heroi en un telèfon al costat d'un panell que mostra resultats, grans estadístiques sobre talls push, un ticker de 3 paraules, la revelació d'un logotip, un esvaïment a negre.

1. Un fitxer HTML a 1920x1080. Cada estil es calcula a partir del temps interior
http://
window.seek(t): sense animacions CSS, sense temporitzadors, sense estat entre fotogrames.
2. Vídeo real: extreu els clips a seqüències JPEG de 30 fps amb ffmpeg i intercanvia les fonts d'imatge per fotograma. La cerca espera la descodificació de la imatge.
3. Analitza la cançó amb numpy: tempo, graella de ritme, energia per compàs, la baixada. Calibreja la graella als cops de kick reals. Cada tall es troba en un temps fort, cada cop d'UI en un temps.
4. Renderitzar amb Playwright: 3 subfotogrames per fotograma a t menys, a t i més 1/240s, després barrejar amb ffmpeg tmix per obtenir un desenfocament de moviment real a 60 fps.
5. Col·loca cada efecte de so de manera que el seu pic mesurat, no l'inici del fitxer, caigui sobre l'esdeveniment. Mantén els efectes silenciosos sota la música. Loudnorm a -14 LUFS.
6. Comproveu 20 o més fotogrames abans del renderitzat complet. Corregiu qualsevol cosa desordenada, superposada o difícil de llegir.

No definiu mai opacitat ni filtre en un element preserve-3d, ja que s'aplana i es mostren les dues cares. En comptes d'això, esvaïu el seu contenidor. Mesureu les posicions dels elements en temps d'execució per a talls coincidents. Utilitzeu només música i efectes de so la llicència dels quals permeti l'ús comercial.

Demana'm les entrades i després mostra'm un guió gràfic amb cada temps de la graella de ritme abans d'escriure cap codi.

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.

Indicació extreta de publicació @twoclipping.