Орнотуу: UGC жарнама генераторунун промо-акциясы

Менден төмөнкүлөрдү сураңыз: продуктунун аталышы жана бир саптан турган убада, көрсөтүлө турган 3төн 5ке чейинки интерфейс учурлары, бир акцент түсү, менде бар 10дон 20га чейинки чыныгы вертикалдык клиптер жана тунук үнү бар роялтисиз ыр (мисалы, коммерциялык максатта колдонуу үчүн акысыз Mixkit).

Жогорку сапаттагы минимализм. Ар бир кадрда бирден идея, көп бош орун, бир акцент түсү, бир таза sans (Geist же Inter) жана так байкоо жүргүзүү. Беткапчан шрифт менен ачыкка чыгаруу, дал келген кесимдер, бир жылмакай камера тили. Чыныгы кадрлар гана, эч качан орун толтуруучу карталар жок. Экрандагы текстте чекит жок.
Тыюу салынгандар: сокку толкуну шакекчелери, бөлүкчөлөрдүн жарылуусу, RGB бөлүнүшү, камеранын чайпалышы, линзанын жаркырашы, неон жаркыроолору, торчо полдору, жаркылдаган фондор, секирүүчү жумшартуу.

120 BPM ылдамдыкта, ар бири 2 секундадан 10 такт.
1-тактика: илмек ритм боюнча сөзмө-сөз угулат.
2-тилке: бир илмектүү сөз продукттун интерфейсине айланып кетет. Курсор терип, чыкылдатат.
Тамчы: баскычтан тегерек караңгы көрүнүшкө ачылат.
Андан кийин ар бир тилкеге бирден жүрүш: сканерлөө сызыгы жана 3 жеңүүчүсү бар чыныгы клиптердин дубалы, чоң шрифт менен негизги чыгаруу, полдо чагылдырылган чыныгы видеолордун 3D карусели жана бир каарман клипке кыймылдын бүдөмүк камчысы, натыйжаларды көрсөтүүчү панелдин жанындагы телефондогу каарман, push cuts боюнча чоң статистика, 3 сөздөн турган тикер, логотиптин көрүнүшү, кара түскө өтүү.

1. 1920x1080 өлчөмүндөгү бир HTML файлы. Ар бир стиль ичиндеги убакыттан эсептелет
http://
window.seek(t): CSS анимациялары жок, таймерлер жок, кадрлардын ортосунда абал жок.
2. Чыныгы видео: ffmpeg менен клиптерди 30fps JPEG ырааттуулуктарына бөлүп алыңыз жана ар бир кадр үчүн Image булактарын алмаштырыңыз. Издөө сүрөттүн декоддолушун күтөт.
3. Ырды numpy менен талдаңыз: темп, сокку торчосу, ар бир тактка энергия, төмөндөө. Торчону чыныгы соккуларга ылайыкташтырыңыз. Ар бир кесүү төмөндөө ритминде, ар бир UI соккусу ритмде болот.
4. Playwright менен рендеринг: ар бир кадрда t минус, at жана плюс 1/240s менен 3 субкадр, андан кийин 60 кадр/секундасында чыныгы кыймылдын бүдөмүктүгү үчүн ffmpeg tmix менен аралаштыруу.
5. Ар бир үн эффектин анын башталышы эмес, өлчөнгөн чокусу окуяга туура келгидей кылып жайгаштырыңыз. Эффекттерди музыканын астында акырын кармаңыз. Катуу нормадан -14 LUFSке чейин.
6. Толук рендерингден мурун 20 же андан көп кадрды текшериңиз. Башаламан, бири-бирине дал келген же окууга кыйын болгон нерселерди оңдоңуз.

Эч качан preserve-3d элементине тунуктукту же чыпканы орнотпоңуз, анткени ал жалпак болуп, эки бети тең көрүнүп калат. Анын ордуна анын каптамасын өчүрүңүз. Дал келген кесимдер үчүн элементтердин абалын аткаруу учурунда өлчөңүз. Коммерциялык колдонууга уруксат берген лицензиясы бар музыканы жана үн эффекттерин гана колдонуңуз.

Менден маалымат сураңыз, андан кийин кандайдыр бир код жазуудан мурун ритм торчосундагы ар бир убакытты көрсөткөн раскадровканы көрсөтүңүз.

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.

Суроо алынган жер пост @twoclipping.