Configurando: Promocion del generador de anuncios UGC

Pídeme: el nombre del producto y una promesa de una sola línea, de 3 a 5 momentos de la interfaz de usuario para mostrar, un color de acento, de 10 a 20 clips verticales reales de mi propiedad y una canción libre de derechos con un drop claro (por ejemplo, Mixkit, de uso comercial gratuito).

Minimalista de alta gama. Una idea por toma, mucho espacio vacío, un color de acento, una tipografía sans-serif limpia (Geist o Inter) con espaciado preciso. Revelaciones de texto enmascaradas, cortes de coincidencia, un lenguaje de cámara fluido. Solo metraje real, nunca tarjetas de marcador de posición. Sin puntos finales en el texto en pantalla.
Prohibido: anillos de ondas expansivas, explosiones de partículas, división RGB, vibración de la cámara, destellos de lente, brillos de neón, suelos de cuadrícula, fondos parpadeantes, suavizado elástico.

10 compases a 120 BPM, 2 segundos cada uno.
Compás 1: el estribillo encaja palabra por palabra en los tiempos.
Barra 2: una palabra clave se transforma en la interfaz de usuario del producto. Un cursor escribe y hace clic.
La caída: un círculo se abre desde el botón hacia una escena oscura.
Luego, un movimiento por barra: una pared de clips reales con una línea de escaneo y 3 ganadores, la salida clave en letras grandes, un carrusel 3D de videos reales con reflejos en el suelo y un movimiento desenfocado hacia un clip principal, el protagonista en un teléfono junto a un panel que se voltea hacia los resultados, grandes estadísticas en cortes de empuje, un teletipo de 3 palabras, una revelación del logotipo, un fundido a negro.

1. Un archivo HTML de 1920x1080. Cada estilo se calcula a partir del tiempo dentro
http://
window.seek(t): sin animaciones CSS, sin temporizadores, sin estado entre fotogramas.
2. Vídeo real: extraiga los clips a secuencias JPEG de 30 fps con ffmpeg e intercambie las fuentes de imagen por fotograma. seek espera a que se decodifique la imagen.
3. Analiza la canción con NumPy: tempo, cuadrícula de ritmos, energía por compás, el drop. Calibra la cuadrícula con los golpes de bombo reales. Cada corte coincide con un tiempo fuerte, cada golpe de la interfaz de usuario con un tiempo fuerte.
4. Renderizar con Playwright: 3 subfotogramas por fotograma en t menos, en y más 1/240 s, luego mezclar con ffmpeg tmix para un desenfoque de movimiento real a 60 fps.
5. Coloca cada efecto de sonido de forma que su pico medido, no el inicio del archivo, coincida con el evento. Mantén los efectos a un volumen bajo por debajo de la música. Ajusta el nivel de ruido a -14 LUFS.
6. Analice 20 o más fotogramas antes del renderizado completo. Corrija cualquier elemento que esté desordenado, superpuesto o difícil de leer.

Nunca apliques opacidad ni filtros a un elemento con la propiedad preserve3d, ya que se aplana y se muestran ambas caras. En su lugar, aplica un efecto de desvanecimiento a su contenedor. Mide la posición de los elementos en tiempo de ejecución para realizar cortes de coincidencia. Utiliza únicamente música y efectos de sonido cuya licencia permita su uso comercial.

Pídeme los datos de entrada y luego muéstrame un guion gráfico con todos los tiempos en la cuadrícula rítmica antes de escribir cualquier 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.

Mensaje tomado de correo @twoclipping.