Configurarea: Promoție generator de anunțuri UGC

Cere-mi: numele produsului și o promisiune de un rând, 3 până la 5 momente de afișat în interfața cu utilizatorul, o culoare de accent, 10 până la 20 de clipuri verticale reale pe care le dețin și o melodie fără drepturi de autor cu o înregistrare clară (de exemplu, Mixkit, gratuit pentru uz comercial).

Minimalism de înaltă calitate. O singură idee per cadru, mult spațiu gol, o singură culoare de accent, un sans curat (Geist sau Inter) cu tracking precis. Dezvăluiri de fonturi mascate, tăieturi potrivite, un limbaj fluid al camerei. Doar filmări reale, niciodată cartonașe substituente. Fără puncte în textul de pe ecran.
Interzise: inele de unde de șoc, explozii de particule, divizare RGB, tremurul camerei, reflexiile lentilelor, strălucirile neon, podelele grilelor, fundalurile intermitente, relaxarea bouncy.

10 bare la 120 BPM, câte 2 secunde fiecare.
Măsura 1: refrenul aterizează cuvânt cu cuvânt pe ritmuri.
Măsurarea 2: un cuvânt cheie se transformă în interfața produsului. Un cursor tastează și dă clic.
Picătura: un cerc se deschide din buton într-o scenă întunecată.
Apoi, o mișcare pe bară: un perete de videoclipuri reale cu o linie de scanare și 3 câștigătoare, rezultatul cheie ca font mare, un carusel 3D de videoclipuri reale cu reflexii pe podea și o imagine neclară din cauza mișcării pe un clip principal, eroul într-un telefon lângă un panou care se întoarce în rezultate, statistici mari pe clipuri scurte, un ticker de 3 cuvinte, dezvăluirea unui logo, o degradare la negru.

1. Un fișier HTML la 1920x1080. Fiecare stil este calculat din momentul din interior
http://
window.seek(t): fără animații CSS, fără cronometre, fără stare între cadre.
2. Video real: extrage clipuri în secvențe JPEG de 30 fps cu ffmpeg și schimbă sursele imaginilor per cadru. Funcția „seek” așteaptă decodarea imaginii.
3. Analizează melodia cu numpy: tempo, grila de ritm, energia per măsură, drop-ul. Calibrează grila la loviturile de kick reale. Fiecare cut se află pe un downbeat, fiecare lovitură UI pe un beat.
4. Randare cu Playwright: 3 subcadre per cadru la t minus, la t și plus 1/240s, apoi amestecare cu ffmpeg tmix pentru o estompare reală a mișcării la 60fps.
5. Plasați fiecare efect sonor astfel încât vârful său măsurat, nu începutul fișierului, să aterizeze pe eveniment. Mențineți efectele în surdină sub muzică. Loudnorm la -14 LUFS.
6. Verificați cu 20 sau mai multe cadre înainte de randarea completă. Corectați orice element aglomerat, suprapus sau greu de citit.

Nu setați niciodată opacitate sau filtru pe un element preserve-3d, deoarece acesta se aplatizează și ambele fețe sunt vizibile. În schimb, estompați învelișul acestuia. Măsurați pozițiile elementelor în timpul execuției pentru potrivirea cuturilor. Folosiți doar muzică și efecte sonore a căror licență permite utilizarea comercială.

Cere-mi informații, apoi arată-mi un storyboard cu fiecare tempo de pe grila ritmică înainte să scrii vreun cod.

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.

Îndemn preluat de la post @twoclipping.