Konfiguracja: Generator reklam UGC

Poproś mnie o: nazwę produktu i jednowierszową obietnicę, 3 do 5 momentów interfejsu użytkownika do pokazania, jeden kolor akcentujący, 10 do 20 prawdziwych pionowych klipów, których jestem właścicielem, oraz wolną od opłat licencyjnych piosenkę z wyraźnym spadkiem (np. Mixkit, bezpłatną do użytku komercyjnego).

Minimalizm najwyższej klasy. Jeden pomysł na ujęcie, dużo pustej przestrzeni, jeden kolor akcentujący, jeden czysty sans (Geist lub Inter) z precyzyjnym śledzeniem. Ujawnianie zamaskowanych czcionek, cięcia dopasowane, płynny język kamery. Tylko rzeczywiste ujęcia, nigdy karty zastępcze. Żadnych kropek w tekście na ekranie.
Zabronione są: pierścienie fal uderzeniowych, rozbłyski cząsteczek, podział RGB, drgania kamery, flary obiektywu, poświata neonowa, podłogi siatkowe, migające tła, łagodne odbijanie.

10 taktów w tempie 120 BPM, każdy trwający 2 sekundy.
Takt 1: refren pada słowo po słowie w rytmie.
Pasek 2: jedno słowo-haczyk przekształca się w interfejs użytkownika produktu. Kursor pisze i klika.
Kropla: z przycisku otwiera się okrąg, w którym widać ciemną scenę.
Następnie jeden ruch na takt: ściana prawdziwych klipów z linią skanowania i 3 zwycięskimi, kluczowe dane wyjściowe w postaci dużej czcionki, trójwymiarowa karuzela prawdziwych filmów z odbiciami na podłodze i rozmytym ruchem biczem na jednym głównym klipie, bohater w telefonie obok panelu, który przełącza się na wyniki, duże statystyki cięć naciskowych, pasek z 3 słowami, ujawnienie logo, przejście do czerni.

1. Jeden plik HTML o rozdzielczości 1920x1080. Każdy styl jest obliczany na podstawie czasu w pliku.
http://
window.seek(t): brak animacji CSS, brak timerów, brak stanu między klatkami.
2. Prawdziwe wideo: wyodrębnij klipy do sekwencji JPEG 30 kl./s za pomocą ffmpeg i podmień źródła obrazów dla każdej klatki. seek oczekuje na zdekodowanie obrazu.
3. Przeanalizuj utwór za pomocą numpy: tempo, siatka uderzeń, energia na takt, drop. Skalibruj siatkę pod rzeczywiste uderzenia. Każdy utwór jest osadzony na niższym takcie, każde uderzenie UI na rytmie.
4. Renderuj za pomocą Playwright: 3 podklatki na klatkę przy t minus, przy t plus 1/240 s, a następnie zmiksuj za pomocą ffmpeg tmix, aby uzyskać rzeczywiste rozmycie ruchu przy 60 kl./s.
5. Umieść każdy efekt dźwiękowy tak, aby jego zmierzony szczyt, a nie początek pliku, znajdował się na zdarzeniu. Utrzymuj efekty ciche pod muzyką. Norma głośności na -14 LUFS.
6. Przeprowadź sondowanie 20 lub więcej klatek przed pełnym renderowaniem. Popraw wszystko, co jest chaotyczne, nakłada się lub trudne do odczytania.

Nigdy nie ustawiaj krycia ani filtra na elemencie Preserve-3D, ponieważ spłaszcza się on i obie ściany są widoczne. Zamiast tego ustaw jego otoczkę w stanie rozmycia. Zmierz położenie elementów w czasie wykonywania, aby dopasować cięcia. Używaj tylko muzyki i efektów dźwiękowych, których licencja zezwala na wykorzystanie komercyjne.

Poproś mnie o dane wejściowe, a następnie pokaż mi scenorys ze wszystkimi momentami czasowymi na siatce rytmów, zanim napiszesz jakikolwiek kod.

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.

Podpowiedź pobrana z post @twoclipping.