โปรโมชั่นเว็บไซต์ Prompt Motion

โปรดแจ้งข้อมูลต่อไปนี้ให้ฉันทราบ: URL ของแกลเลอรี่ (ค่าเริ่มต้นคือ www.prompt-motion.com/), ผลงานหนึ่งชิ้นที่มีข้อความแจ้งเตือน
แสดงบนหน้าจอ พร้อมกับแทร็กเพลงปลอดลิขสิทธิ์ที่มีจังหวะประมาณ 120 BPM และมีจังหวะดรอปที่ชัดเจน (เช่น Mixkit)

วิดีโอโปรโมชั่นความยาว 23 วินาที อัตราส่วน 16:9 สำหรับแกลเลอรี่วิดีโอเคลื่อนไหวที่สร้างโดย Claude ซึ่งสร้างขึ้นจากเว็บไซต์นี้เท่านั้น:
ส่วนหัวที่แท้จริง ตารางแสดงตัวอย่างแบบเล่นอัตโนมัติที่แท้จริง หน้าเริ่มต้นและข้อความแจ้งเตือนที่แท้จริง
ใช้ธีมของเว็บไซต์: หน้าเว็บสีขาวเกือบทั้งหมด, ปุ่มสีดำ, ฟอนต์ One UI (Geist) และ Geist Mono สำหรับข้อความแจ้งเตือน
ใช้สีเน้นเพียงสีเดียว (แดงส้ม #F0442C) สำหรับไฮไลท์เตอร์ วงแหวนรอบเคอร์เซอร์ และจุดบน URL เท่านั้น
ใช้กล้องตัวเดียวถ่ายภาพต่อเนื่องบนเลเยอร์ "โลก" เดียว จะไม่มีการเคลื่อนไหวของกล้องสองตัวพร้อมกัน
คลิปทุกคลิปที่ปรากฏบนหน้าจอจะมีชื่อผู้ใช้ (@handle) ของผู้สร้างกำกับอยู่ ตรงกับที่เว็บไซต์แสดงไว้ทุกประการ
สิ่งที่ห้ามใช้: ปุ่ม "สร้าง" หรือฟีเจอร์ใดๆ ที่เว็บไซต์ไม่มี ตัวเลขที่แต่งขึ้นเอง การเรียบเรียงใหม่
คำโปรย, การเฟดทุกอย่าง, การ์ดแก้ว, การไล่ระดับสี, ตัวอักษรเด้ง, ภาพนิ่ง

120 BPM, 46 บีท
b0–2: เฟรมที่ 0 คือฟิล์มจริงหนึ่งม้วนแบบเต็มขอบ กล้องค่อยๆ ถอยออกจนเหลือเพียงม้วนแรก
การ์ดบนหน้าแรกของเว็บไซต์ ส่วนหัวและครึ่งแรกของสโลแกนจะปรากฏบนไบต์ b1
b2–9: ค้างอยู่ที่หน้าถ่ายทอดสด: ส่วนหัวและส่วนแสดงตัวอย่างการเล่นแบบ 3 คอลัมน์
b9–13: ตารางจะเลื่อน จากนั้นกล้องจะซูมเข้าไปที่ช่องใดช่องหนึ่งจนกระทั่งเต็มหน้าจอ
b13–16: เสียงเพลงเริ่มขึ้น วิดีโอความละเอียดสูงสามม้วนจากแกลเลอรี แต่ละม้วนมีจังหวะเดียว ตัดต่ออย่างรวดเร็ว
แต่ละอันมีรอยบิ่นสีเข้มที่ด้ามจับอยู่ภายในบริเวณที่ปลอดภัย
b16–21: ม้วนฟิล์มสุดท้ายหดกลับเข้าไปในช่องของตัวเอง (การตัดแบบจับคู่) เคอร์เซอร์ที่มีรัศมีเน้น
วางเคอร์เซอร์ไว้ที่ไทล์แล้วคลิก
b21–26: แผ่นกระเบื้องนั้นเบ่งบานเป็นหน้าแรก: วิดีโอทางด้านซ้าย; ผู้แต่ง, ชื่อเรื่อง,
โมเดล / สแต็ก / โพสต์ และข้อความแจ้งเตือนทางด้านขวา
b26–32: กล้องซูมเข้า 1.5 เท่าในขณะที่วิดีโอเลื่อนออก เป็นการเน้นย้ำที่ชัดเจน
เลื่อนเคอร์เซอร์ไปที่วลีหนึ่ง จากนั้นเคอร์เซอร์จะกดปุ่มคัดลอก ซึ่งจะเปลี่ยนเป็น "คัดลอกแล้ว"
b32–46: หน้าเว็บเลื่อนออกไปทางซ้าย ปุ่ม "คัดลอกแล้ว" ยกขึ้น เปลี่ยนชื่อเป็น URL แล้ววางลง
จากนั้น " Prompt Motion " และสโลแกนทั้งสองส่วนก็ปรากฏขึ้น พร้อมกับรางกระเบื้องจริง ๆ
ด้านขวาสูงขึ้น เฟรมสุดท้ายคือโปสเตอร์: กระเบื้องสองแผ่นเต็มๆ โดยเห็นหูหิ้วทั้งสองข้าง

1. Remotion, 1920x1080, 30 fps. ทุกคิวจะถูกบันทึกไว้ใน timeline.ts (ในรูปแบบบีท) และทุกสตริงจะถูกบันทึกไว้ใน copy.ts
ฉากต่างๆ ไม่มีตัวเลขมหัศจรรย์ใดๆ
2. ดึงข้อมูลจากเว็บไซต์ก่อน: คำโปรย, ชื่อผู้ใช้, รูปประจำตัว, ไฟล์ MP4 ตัวอย่าง และวิดีโอความละเอียดสูง รวมถึงข้อมูลอื่นๆ อีกหนึ่งอย่าง
ข้อความต้นฉบับ โปรดคัดลอกมาทั้งหมดโดยไม่เปลี่ยนแปลง
3. จัดวางภาพในแกลเลอรี่โดยใช้พิกัดโลก จากนั้นควบคุมกล้องโดยใช้ (โฟกัส x, โฟกัส y,
แทร็กมาตราส่วนลอการิทึม รัศมีมุมของไทล์จะลดลงเหลือ 0 เมื่อไทล์ถึงขอบเต็ม ดังนั้น
การดึงกลับ การสะบัดเข้า และการตัดต่อแบบแมทช์คัทนั้นแม่นยำทั้งหมด
4. ไทล์ที่เล่นก่อนการระเบิดจะใช้ไฟล์ความละเอียดเต็มเดียวกันโดยมีการชดเชย startFrom
ดังนั้นแส้จึงลงจอดในเฟรมแรกของการระเบิด
5. ไฟล์ MP4 ตัวอย่างเล่นวนซ้ำไม่ราบรื่น และหลายไฟล์มีการตัดต่อที่ไม่ลื่นไหล ลองใช้โปรแกรม scdet ตรวจสอบทุกคลิปดู
หน้าต่างแบบวนซ้ำเท่านั้น โดยไม่มีการตัดภายใน มีการค่อยๆ จางหายไปทีละ 12 เฟรมตรงรอยต่อ และมีการจัดเรียงแบบเหลื่อมกัน
แต่ละช่องจะมีเฟสคงที่ ดังนั้นช่องที่อยู่ติดกันบนเฟรมเดียวกันจึงไม่เปลี่ยนแปลง
6. ใช้เคอร์เซอร์ตัวเดียวที่ล็อกตำแหน่งไว้ที่ปุ่มถ่ายทอดสด เนื่องจากกล้องจะขยับไปเรื่อยๆ
ระหว่างการกักตัว
7. ปรับจังหวะแทร็กให้เป็น 120 BPM โดยให้จังหวะดรอปตรงกับช่วงเบิร์สต์ วางเอฟเฟ็กต์เสียงตามจุดสูงสุดที่วัดได้
เติมช่วงหยุดของแทร็กด้วยเสียงหวือๆ แบบย้อนกลับเข้าไปในจังหวะหลัก ปรับระดับเสียงเป็น −14 LUFS
8. เรนเดอร์ภาพนิ่งทุกครั้งที่มีการตัดต่อก่อนที่จะเรนเดอร์ภาพทั้งหมด ตรวจสอบคุณภาพ (QA) สำหรับภาพนิ่งที่หยุดเวลาและภาพนิ่งแบบเฟรมต่อเฟรม
จากนั้นให้ผู้เชี่ยวชาญคนใหม่ที่ไม่ใช่ผู้สร้างผลงานตรวจสอบภาพเรนเดอร์ และแก้ไขสิ่งที่พบ

คลิปวิดีโอในแกลเลอรีจริงจะมี HUD, เคอร์เซอร์ และตัวตัดต่อเป็นของตัวเอง คงไว้ซึ่งโอเวอร์เลย์ (เช่น ชิปควบคุม และเคอร์เซอร์ของเรา)
ควรจัดวางให้ห่างจากสิ่งเหล่านั้น และอย่าติดคลิปหนีบที่มีแรงตัดสูงในบริเวณที่เฟรมควรจะดูนิ่ง
ถ้าสีของหน้าเว็บตรงกับสีพื้นหลังของคลิป ไทล์จะหายไป ให้กำหนดเส้นขอบบางๆ ขนาด 1 พิกเซลให้กับไทล์
เมื่อซูมกล้อง ให้ตรวจสอบเฟรมสุดท้าย: ส่วนหัวและแถวข้อมูลเมตาอาจเลื่อนเข้าไปในขอบภาพได้

Ask me for: the gallery URL (default www.prompt-motion.com/), one entry whose prompt
gets shown on screen, and a royalty-free track around 120 BPM with a clear drop (e.g. Mixkit).

A 23-second 16:9 promo for a gallery of Claude-made motion videos, built only from the site itself:
its real header, its real grid of autoplaying previews, its real entry page and prompt.
Use the site's skin: near-white page, black pills, one UI font (Geist), and Geist Mono for prompt text.
One accent (red-orange #F0442C), used only for the highlighter, the cursor halo and the dot on the URL.
One continuous camera over a single "world" layer. Never two camera moves at once.
Every clip on screen carries its creator's @handle, exactly as the site shows it.
Banned: a "Generate" button or any feature the site doesn't have, invented numbers, paraphrased
taglines, fades on everything, glass cards, gradients, bouncy type, dead holds.

120 BPM, 46 beats.
b0–2: frame 0 is one real reel, full-bleed. The camera pulls back until it is just the first
  card on the site's home page. The header, then the tagline's first half, land on b1.
b2–9: hold on the live page: header plus a 3-column masonry of playing previews.
b9–13: the grid scrolls, then the camera whips into one tile until it is full-bleed.
b13–16: the music drops. Three full-res reels from the gallery, one beat each, hard cuts,
  each with a dark handle chip inside the safe area.
b16–21: the last reel shrinks back into its own tile (a match cut). A cursor with an accent halo
  hovers a tile and clicks.
b21–26: that tile blooms into its entry page: the video on the left; author, title,
  Model / Stack / Posted and the prompt on the right.
b26–32: the camera pushes 1.5× into the prompt while the video slides out. A solid accent highlighter
  sweeps one phrase. The cursor presses Copy, which turns into "Copied".
b32–46: the page slides off left. The "Copied" pill lifts, relabels to the URL and docks.
  Then "Prompt Motion" and both verbatim halves of the tagline land, and a rail of real tiles
  rises on the right. The last frame is the poster: two whole tiles, both handles visible.

1. Remotion, 1920x1080, 30 fps. Every cue lives in timeline.ts (in beats) and every string in copy.ts.
   Scenes contain no magic numbers.
2. Scrape the site first: tagline, handles, avatars, preview MP4s and full-res videos, plus one
   entry's prompt. Quote all of it verbatim.
3. Lay out the gallery once in world coordinates. Drive the camera as (focus x, focus y,
   log-scale) tracks. Tile corner radius goes to 0 as a tile reaches full-bleed, so the
   pull-back, the whip-in and the match-cut back are all exact.
4. A tile that plays before the burst uses the same full-res file with an offset startFrom,
   so the whip lands on the burst's first frame.
5. The preview MP4s don't loop cleanly, and many contain hard cuts. Run scdet on every clip.
   Loop only windows with no cut inside them, with a 12-frame dissolve at the seam, and stagger
   each tile's phase so neighbouring tiles never change on the same frame.
6. Use one cursor that homes on the live button position, because the camera keeps creeping
   during holds.
7. Conform the track to 120 BPM with its drop on the burst. Place SFX by their measured peaks.
   Fill the track's own breaks with reversed whooshes into the hits. Mix to −14 LUFS.
8. Render stills at every cut before a full render. Run QA for frozen time and one-frame snaps.
   Then have a fresh critic who didn't build it review the render, and fix what it finds.

Real gallery clips carry their own HUDs, cursors and cuts. Keep overlays (handle chips, our cursor)
clear of them, and don't put a cut-heavy clip anywhere the frame should feel calm.
If the page color matches a clip's background, the tile disappears; give tiles a 1px hairline.
On a camera push, check the last frame: the header and meta rows can drift into the edge bands.

ข้อความต้นฉบับมาจาก โพสต์ @antonio_kodheli.