Astellung: UGC Annoncegenerator Promotioun

Frot mech no: dem Produktnumm an engem Verspriechen an enger Zeil, 3 bis 5 UI-Momenter fir ze weisen, enger Akzentfaarf, 10 bis 20 richteg vertikal Clips déi ech besëtzen, an engem royaltyfräie Lidd mat engem kloeren Drop (z.B. Mixkit, gratis fir kommerziell Notzung).

High-End Minimalismus. Eng Iddi pro Opnam, vill eidel Plaz, eng Akzentfaarf, eng kloer Sans (Geist oder Inter) mat enger knapper Tracking. Maskéiert Schrëften, Match Cuts, eng glat Kamerasprooch. Nëmme richtegt Opnamematerial, ni Plazhalterkaarten. Keng Punkten am Text um Bildschierm.
Verbueden: Schockwellenréng, Partikelbursts, RGB-Split, Kameraschaukel, Lënseflashes, Neonliichter, Rasterbuedem, blénkeg Hannergrënn, bouncy easing.

10 Takte mat 120 BPM, all 2 Sekonnen.
Takt 1: den Hook lant Wuert fir Wuert op de Beats.
Takt 2: Ee Wuert mat engem Hook wiesselt sech an d'Produkt-UI. E Cursor tippt a klickt.
Den Drop: e Krees mécht sech aus dem Knäppchen an eng däischter Szen op.
Dann ee Schrëtt pro Takt: eng Mauer vu richtege Clips mat enger Scanlinn an 3 Gewënner, den Haaptoutput a grousser Schrëft, e 3D-Karussell vu richtege Videoen mat Buedemreflexiounen an engem bewegungsonscharfen Whip op engem Heldclip, den Held an engem Telefon nieft engem Panel deen an d'Resultater wiesselt, grouss Statistiken iwwer Push-Cuts, en 3-Wuert-Ticker, eng Logo-Enthüllung, e Fade to Black.

1. Eng HTML Datei mat 1920x1080. All Stil gëtt vun der Zäit an der Datei berechent.
http://
window.seek(t): keng CSS Animatiounen, keng Timer, keen Zoustand tëscht de Frames.
2. Echt Video: Extrahéiert Clips a 30fps JPEG-Sequenzen mat ffmpeg a tauscht Bildquellen pro Frame aus. Seek waart op d'Dekodéierung vum Bild.
3. Analyséiert d'Lidd mat Numpy: Tempo, Beat Grid, Energie pro Takt, den Drop. Kalibréiert d'Grid op déi richteg Kick Hits. All Cut setzt op engem Downbeat, all UI Hit op engem Beat.
4. Render mat Playwright: 3 Subframes pro Frame bei t minus, bei a plus 1/240s, dann mat ffmpeg tmix vermëschen fir richteg Bewegungsonschärft bei 60fps.
5. Plazéiert all Touneffekt sou, datt säi gemoossene Peak, net säin Ufank vum Fichier, op dem Event lant. Halt d'Effekter roueg ënner der Musek. Lautnorm op -14 LUFS.
6. Probéiert 20 oder méi Biller virum komplette Rendering. Korrigéiert alles wat iwwerlaascht, iwwerlappt oder schwéier ze liesen ass.

Setzt ni Opazitéit oder Filter op engem Preserve-3D Element, well et gëtt flaach an zwou Säiten ze gesinn. Verblendt amplaz säi Wrapper. Mooss d'Positioune vun den Elementer beim Lafen fir Match Cuts. Benotzt nëmme Musek an Touneffekter, deenen hir Lizenz kommerziell Notzung erlaabt.

Frot mech no den Inputen, a weist mir dann e Storyboard mat all Timing um Beat Grid, ier Dir iergendeng Code schreift.

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.

Ufro geholl vun Post @twoclipping.