UGC-advertentiegenerator promo

Vraag me om: de productnaam en een korte belofte, 3 tot 5 UI-elementen om te laten zien, één accentkleur, 10 tot 20 echte verticale videoclips die ik bezit, en een royaltyvrij nummer met een duidelijke drop (bijvoorbeeld Mixkit, gratis voor commercieel gebruik).

Hoogwaardig minimalistisch. Eén idee per shot, veel lege ruimte, één accentkleur, één strak schreefloos lettertype (Geist of Inter) met nauwkeurige tracking. Gemaskeerde tekstonthullingen, match cuts, één vloeiende camerataal. Uitsluitend echt beeldmateriaal, nooit placeholder-kaarten. Geen puntkomma's in de tekst op het scherm.
Verboden: schokgolfringen, deeltjesuitbarstingen, RGB-splitsing, cameratrillingen, lensflares, neongloed, rastervloeren, flitsende achtergronden, stuiterende overgangen.

10 maten op 120 BPM, 2 seconden per maat.
Maat 1: de hook valt woord voor woord op de beats.
Balk 2: één pakkend woord verandert in de gebruikersinterface van het product. Een cursor typt en klikt.
De drop: een cirkel opent zich vanuit de knop naar een donkere scène.
Vervolgens één beweging per balk: een muur van echte clips met een scanlijn en 3 winnaars, de belangrijkste output in grote letters, een 3D-carrousel van echte video's met vloerreflecties en een bewegingsonscherpe overgang naar één hoofdclip, de hoofdpersoon in een telefoon naast een paneel dat openklapt naar de resultaten, grote statistieken bij push cuts, een ticker van 3 woorden, een logo-onthulling, een fade-out naar zwart.

1. Eén HTML bestand met een resolutie van 1920x1080. Alle stijlen worden op basis van de tijd berekend.
http://
window.seek(t): geen CSS animaties, geen timers, geen status tussen frames.
2. Echte video: extraheer clips naar JPEG-reeksen van 30 fps met ffmpeg en wissel de beeldbronnen per frame. Seek wacht tot de afbeelding is gedecodeerd.
3. Analyseer het nummer met NumPy: tempo, beatgrid, energie per maat, de drop. Kalibreer de grid aan de hand van de daadwerkelijke kick-hits. Elke cut valt op een downbeat, elke UI-hit op een beat.
4. Render met Playwright: 3 subframes per frame op t minus, at en plus 1/240s, en mix vervolgens met ffmpeg tmix voor echte bewegingsonscherpte bij 60 fps.
5. Plaats elk geluidseffect zo dat de gemeten piekwaarde, en niet het begin van het bestand, op de gebeurtenis valt. Houd de effecten zacht onder de muziek. Loudnorm tot -14 LUFS.
6. Test minimaal 20 frames vóór de volledige rendering. Corrigeer alles wat rommelig, overlappend of moeilijk leesbaar is.

Stel nooit de dekking of het filter in op een element met behoud van 3D, omdat dit het element platdrukt en beide vlakken zichtbaar worden. Vervaag in plaats daarvan de omhullende laag. Meet de posities van elementen tijdens de uitvoering voor het correct samenvoegen van elementen. Gebruik alleen muziek en geluidseffecten waarvan de licentie commercieel gebruik toestaat.

Vraag me eerst naar de input, en laat me dan een storyboard zien met alle timing op het beatraster voordat je ook maar één regel code schrijft.

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.

Aanwijzing afkomstig van na @twoclipping.