Quraşdırılır: UGC reklam generatoru promosu

Məndən soruşun: məhsulun adı və bir sətirlik vəd, göstəriləcək 3-5 istifadəçi interfeysi anı, bir vurğu rəngi, sahib olduğum 10-20 həqiqi şaquli klip və aydın bir düşmə ilə royaltisiz mahnı (məsələn, kommersiya məqsədli istifadə üçün pulsuz olan Mixkit).

Yüksək səviyyəli minimalizm. Hər kadrda bir ideya, çoxlu boş yer, bir vurğu rəngi, dəqiq izləmə ilə təmiz sans (Geist və ya Inter). Maskalı şriftlər, uyğun kəsiklər, hamar kamera dili. Yalnız real görüntülər, heç vaxt yer tutucu kartlar. Ekrandakı mətndə nöqtələr yoxdur.
Qadağan olunmuşlar: şok dalğası halqaları, hissəcik partlamaları, RGB bölünməsi, kamera silkələnməsi, linza parıltıları, neon parıltıları, şəbəkə döşəmələri, yanıb-sönən fonlar, sıçrayışlı yumşalma.

Hər biri 2 saniyə olmaqla, 120 BPM -də 10 bar.
1-ci takt: qarmaq ritmlərə sözbəsöz gəlir.
Sütun 2: bir qarmaq sözü məhsulun istifadəçi interfeysinə daxil olur. Kursor yazır və klikləyir.
Düşmə: düymədən bir dairə qaranlıq bir səhnəyə açılır.
Sonra hər sütun üçün bir hərəkət: skan xətti və 3 qalib olan real kliplərdən ibarət divar, böyük şrift kimi əsas çıxış, döşəmə əksləri və bir qəhrəman klipinə hərəkət bulanıqlığı ilə qamçılanmış real videolardan ibarət 3D karuseli, nəticələrə çevrilən panelin yanında telefonda olan qəhrəman, push cut-lar üzrə böyük statistika, 3 sözlü işarə, loqonun açıqlanması, qara rəngə çevrilmə.

1. 1920x1080 ölçülü bir HTML faylı. Hər stil zamandan hesablanır
http://
window.seek(t): CSS animasiyaları, taymerlər, çərçivələr arasında vəziyyət yoxdur.
2. Real video: ffmpeg ilə klipləri 30fps JPEG ardıcıllığına çıxarın və kadr başına img mənbələrini dəyişdirin. Axtarış görüntünün dekodlanmasını gözləyir.
3. Mahnını numpy ilə təhlil edin: tempo, ritm cədvəli, takt başına enerji, düşmə. Şəbəkəni əsl zərbələrə uyğunlaşdırın. Hər kəsilmə aşağı ritmdə, hər istifadəçi interfeysi zərbəsi isə ritmdədir.
4. Playwright ilə render edin: Hər kadrda t mənfi, at və plus 1/240s-də 3 alt kadr, sonra isə 60 kadr/saniyədə əsl hərəkət bulanıqlığı üçün ffmpeg tmix ilə blend edin.
5. Hər bir səs effektini elə yerləşdirin ki, onun ölçülmüş zirvəsi, faylın başlanğıcı deyil, hadisəyə düşsün. Effektləri musiqinin altında sakit saxlayın. Ucadan -14 LUFS-a qədər səs çıxarın.
6. Tam renderdən əvvəl 20 və ya daha çox kadrı yoxlayın. Dağınıq, üst-üstə düşən və ya oxunması çətin olan hər hansı bir şeyi düzəldin.

Preserve-3D elementinə heç vaxt qeyri-şəffaflıq təyin etməyin və ya filtr qoymayın, çünki o, düzləşir və hər iki üzü görünür. Bunun əvəzinə qablaşdırmasını solğunlaşdırın. Uyğunluq kəsimləri üçün element mövqelərini işləmə vaxtında ölçün. Yalnız lisenziyası kommersiya məqsədli istifadəyə icazə verən musiqi və səs effektlərindən istifadə edin.

Hər hansı bir kod yazmazdan əvvəl məndən məlumat istəyin, sonra ritm cədvəlindəki hər bir vaxtı göstərən bir hekayə lövhəsi göstərin.

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.

Sorğu buradan götürülüb post @twoclipping.