إنشاء: عرض ترويجي لمولد إعلانات UGC

اطلب مني: اسم المنتج ووعد من سطر واحد، و3 إلى 5 لحظات واجهة المستخدم لعرضها، ولون مميز واحد، و10 إلى 20 مقطعًا رأسيًا حقيقيًا أملكها، وأغنية خالية من حقوق الملكية مع إيقاع واضح (مثل Mixkit، مجانية للاستخدام التجاري).

أسلوب بسيط راقٍ. فكرة واحدة لكل لقطة، مساحات فارغة واسعة، لون مميز واحد، خط sans-serif واحد واضح (Geist أو Inter) مع تتبع دقيق. كشف النصوص المقنّع، قطع متطابقة، لغة تصوير سلسة واحدة. لقطات حقيقية فقط، لا بطاقات صورية. لا نقاط في النص الظاهر على الشاشة.
الممنوع: حلقات الموجات الصدمية، وانفجارات الجسيمات، وتقسيم RGB، واهتزاز الكاميرا، وتوهجات العدسة، وتوهجات النيون، وأرضيات الشبكة، والخلفيات الوامضة، والتأثيرات الانتقالية المتذبذبة.

10 مقاطع موسيقية بسرعة 120 نبضة في BPM ، مدة كل مقطع ثانيتان.
المقطع الأول: تتناغم الكلمات الرئيسية مع الإيقاعات.
الشريط 2: كلمة واحدة جاذبة تتحول إلى واجهة المستخدم الخاصة بالمنتج. يقوم المؤشر بالكتابة والنقر.
السقوط: دائرة تنفتح من الزر إلى مشهد مظلم.
ثم حركة واحدة لكل شريط: جدار من المقاطع الحقيقية مع خط مسح و3 فائزين، والإخراج الرئيسي كنص كبير، ودوار ثلاثي الأبعاد من مقاطع الفيديو الحقيقية مع انعكاسات أرضية وتأثير ضبابي للحركة على مقطع رئيسي واحد، والبطل في هاتف بجوار لوحة تنقلب إلى النتائج، وإحصائيات كبيرة على القطع السريعة، وشريط إخباري من 3 كلمات، وكشف الشعار، وتلاشي إلى اللون الأسود.

1. ملف HTML واحد بدقة 1920×1080. يتم حساب كل نمط من وقت داخل الملف.
http://
window.seek(t): لا توجد رسوم متحركة CSS ، ولا مؤقتات، ولا حالة بين الإطارات.
٢. فيديو حقيقي: استخرج المقاطع إلى تسلسلات JPEG بمعدل ٣٠ إطارًا في الثانية باستخدام ffmpeg وقم بتبديل مصادر الصور لكل إطار. ينتظر البحث فك تشفير الصورة.
3. حلل الأغنية باستخدام مكتبة NumPy: الإيقاع، شبكة الإيقاع، الطاقة لكل مقياس، ونقطة الذروة. اضبط الشبكة لتتوافق مع ضربات الطبلة الحقيقية. كل مقطع يقع على الضربة الأولى، وكل ضربة واجهة مستخدم تقع على إيقاع.
4. المعالجة باستخدام Playwright: 3 إطارات فرعية لكل إطار عند t ناقص، وعند، و زائد 1/240 ثانية، ثم المزج باستخدام ffmpeg tmix للحصول على ضبابية حركة حقيقية عند 60 إطارًا في الثانية.
٥. ضع كل مؤثر صوتي بحيث تقع ذروة قياسه، وليس بداية ملف الصوت، على الحدث. حافظ على مستوى صوت المؤثرات منخفضًا تحت الموسيقى. اضبط مستوى الصوت الطبيعي على -١٤ 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.