การตั้งค่า: โปรโมชั่นเครื่องมือสร้างโฆษณา UGC

โปรดระบุข้อมูลต่อไปนี้: ชื่อผลิตภัณฑ์และคำมั่นสัญญาสั้นๆ หนึ่งบรรทัด, ตัวอย่างการใช้งาน UI 3-5 แบบ, สีเน้นหนึ่งสี, คลิปวิดีโอแนวตั้งจริง 10-20 คลิปที่ผมเป็นเจ้าของ และเพลงปลอดลิขสิทธิ์ที่มีท่อนจบชัดเจน (เช่น Mixkit ซึ่งสามารถใช้ในเชิงพาณิชย์ได้ฟรี)

มินิมอลระดับไฮเอนด์ หนึ่งไอเดียต่อหนึ่งช็อต พื้นที่ว่างเยอะ สีเน้นเพียงสีเดียว ฟอนต์ sans serif เรียบง่าย (Geist หรือ Inter) พร้อมการติดตามที่แม่นยำ การเปิดเผยข้อความแบบซ่อน การตัดต่อแบบแมทช์คัท ภาษาของกล้องที่ราบรื่น ใช้ฟุตเทจจริงเท่านั้น ไม่ใช้ภาพตัวอย่าง ไม่มีจุดในข้อความบนหน้าจอ
สิ่งที่ห้ามใช้: วงแหวนคลื่นกระแทก, การระเบิดของอนุภาค, การแยกสี RGB, การสั่นของกล้อง, แสงแฟลร์จากเลนส์, แสงนีออน, พื้นตาราง, พื้นหลังกระพริบ, การเคลื่อนไหวแบบเด้งดึ๋ง

10 บาร์ ที่ความเร็ว 120 BPM บาร์ละ 2 วินาที
ท่อนที่ 1: ท่อนฮุคลงจังหวะทีละคำอย่างลงตัว
แถบที่ 2: คำดึงดูดความสนใจคำหนึ่งเปลี่ยนไปเป็นส่วนติดต่อผู้ใช้ของผลิตภัณฑ์ เคอร์เซอร์พิมพ์และคลิก
เอฟเฟกต์ดรอป: วงกลมค่อยๆ เปิดออกจากปุ่มสู่ฉากมืด
จากนั้นจะมีการเคลื่อนไหวหนึ่งครั้งต่อหนึ่งแถบ: ภาพคลิปจริงเรียงต่อกันเป็นกำแพงพร้อมเส้นสแกนและผู้ชนะ 3 คน, เอาต์พุตหลักเป็นตัวอักษรขนาดใหญ่, ภาพหมุนสามมิติของวิดีโอจริงพร้อมเงาสะท้อนบนพื้นและภาพเบลอจากการเคลื่อนไหวที่ตัดไปที่คลิปหลักหนึ่งคลิป, คลิปหลักอยู่ในโทรศัพท์ข้างแผงที่พลิกไปแสดงผลลัพธ์, สถิติขนาดใหญ่บนการตัดต่อแบบพุช, ข้อความวิ่ง 3 คำ, การเปิดเผยโลโก้, และการเฟดเป็นสีดำ

1. ไฟล์ HTML หนึ่งไฟล์ ขนาด 1920x1080 พิกเซล โดยทุกสไตล์จะถูกคำนวณจากเวลาภายในไฟล์
http://
window.seek(t): ไม่มีแอนิเมชัน CSS ไม่มีตัวจับเวลา ไม่มีสถานะระหว่างเฟรม
2. วิดีโอจริง: แยกคลิปเป็นลำดับภาพ JPEG 30 เฟรมต่อวินาทีโดยใช้ ffmpeg และสลับแหล่งที่มาของภาพในแต่ละเฟรม คำสั่ง seek จะรอให้ภาพถอดรหัสเสร็จ
3. วิเคราะห์เพลงด้วย numpy: จังหวะ, ตารางจังหวะ, พลังงานต่อห้องเพลง, จุดพีค ปรับเทียบตารางจังหวะให้ตรงกับจังหวะกลองจริง ทุกการตัดเสียงต้องอยู่บนจังหวะลง ทุกการแตะ UI ต้องอยู่บนจังหวะ
4. เรนเดอร์ด้วย Playwright: 3 ซับเฟรมต่อเฟรม ที่ค่า t ลบ, เท่ากับ และบวก 1/240 วินาที จากนั้นผสมผสานด้วย ffmpeg tmix เพื่อสร้างเอฟเฟกต์เบลอภาพเคลื่อนไหวสมจริงที่ 60 เฟรมต่อวินาที
5. จัดวางเอฟเฟ็กต์เสียงแต่ละอันให้จุดสูงสุดที่วัดได้ (ไม่ใช่จุดเริ่มต้นของไฟล์) ตรงกับเหตุการณ์นั้นๆ รักษาระดับเสียงของเอฟเฟ็กต์ให้เบาเมื่อเทียบกับเสียงเพลง ปรับระดับเสียง Loudnorm เป็น -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.