Configuración: Promoción do xerador de anuncios UGC

Pídeme: o nome do produto e unha promesa dunha liña, de 3 a 5 momentos na interface de usuario para mostrar, unha cor de realce, de 10 a 20 clips verticais reais que teña e unha canción libre de dereitos de autor cunha colocación clara (por exemplo, Mixkit, gratuíto para uso comercial).

Minimalismo de alta gama. Unha idea por toma, moito espazo baleiro, unha cor de acento, unha sans limpa (Geist ou Inter) con travelling axustado. Revelacións de texto enmascaradas, cortes coincidentes, unha linguaxe de cámara fluida. Só imaxes reais, nunca tarxetas de marcador de posición. Sen puntos no texto en pantalla.
Prohibido: aneis de ondas de choque, explosións de partículas, división RGB, tremor da cámara, destellos de lente, brillos de neón, chans de cuadrícula, fondos intermitentes, relaxación de rebote.

10 compases a 120 BPM, 2 segundos cada un.
Compás 1: o gancho aterra palabra a palabra nos tempos.
Compás 2: unha palabra enganchada transfórmase na interface de usuario do produto. Un cursor escribe e fai clic.
A gota: un círculo ábrese do botón cara a unha escena escura.
Despois, un movemento por barra: un muro de clips reais cunha liña de dixitalización e 3 gañadores, a saída clave como tipo grande, un carrusel 3D de vídeos reais con reflexos no chan e un látego borroso por movemento nun clip principal, o heroe nun teléfono xunto a un panel que cambia a resultados, grandes estatísticas en cortes push, un ticker de 3 palabras, a revelación dun logotipo, un fundido a negro.

1. Un ficheiro HTML a 1920x1080. Cada estilo calcúlase a partir do tempo dentro
http://
window.seek(t): sen animacións CSS, sen temporizadores, sen estado entre fotogramas.
2. Vídeo real: extrae clips a secuencias JPEG de 30 fps con ffmpeg e intercambia as fontes de imaxes por fotograma. A busca agarda a descodificación da imaxe.
3. Analiza a canción con numpy: tempo, grella de ritmos, enerxía por compás, a caída. Calibra a grella aos golpes de bombo reais. Cada corte aséntase nun tempo forte, cada golpe da IU nun tempo.
4. Renderizar con Playwright: 3 subfotogramas por fotograma a t menos, a t e máis 1/240 s, despois mesturar con ffmpeg tmix para obter un desenfoque de movemento real a 60 fps.
5. Coloca cada efecto de son de xeito que o seu pico medido, non o inicio do ficheiro, caia sobre o evento. Mantén os efectos en silencio debaixo da música. Loudnorm a -14 LUFS.
6. Proba 20 ou máis fotogramas antes da renderización completa. Corrixe calquera cousa desordenada, superposta ou difícil de ler.

Nunca definas opacidade ou filtro nun elemento preserve-3d, porque se aplana e se mostran ambas as caras. No seu lugar, esvaece o seu envoltorio. Mide as posicións dos elementos en tempo de execución para obter cortes coincidentes. Usa só música e efectos de son cuxa licenza permita o uso comercial.

Pídeme as entradas e despois móstrame un guión gráfico con cada tempo na grella de ritmos antes de escribir ningún código.

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.

Solicitude tomada de publicación @twoclipping.