LEVEL 3 · ระดับสูง

เรนเดอร์สเกลจริง & ส่งมอบ

บทที่ 1 สัญญาไว้ว่า "คลิปโครงเดียวกันร้อยชื่อร้อยเวอร์ชัน" ได้เวลาจ่ายคืน — และนี่คือจุดที่วิดีโอแบบโค้ดทิ้งห่างโปรแกรมตัดต่อขาดลอย

12.1 เปิดช่องรับตัวแปร

ประกาศตัวแปรบน html (ชนิด + ค่า default) แล้วผูกเข้ากับ element ด้วย data-var-text:

<html data-composition-variables='[
  {"id":"team","type":"string","label":"ชื่อทีม","default":"ทีมการตลาด"},
  {"id":"room","type":"string","label":"สถานที่","default":"ห้องประชุม 2 ชั้น 5"}
]'>
...
<div id="team-chip" data-var-text="team">ทีมการตลาด</div>

ข้อความในไฟล์กลายเป็นค่า fallback ตัวแปรทุกตัวยังโผล่เป็น CSS custom property (var(--team)) ให้ฝั่งสไตล์ใช้ด้วย ระวังจุดสับสนเดียวของเรื่องนี้: ตอนประกาศเป็น array ของ schema แต่ตอนส่งค่าเป็น object ธรรมดา ({"team": "ทีมบัญชี"})

12.2 rows.json → ฝูงวิดีโอ

{
  "rows": [
    { "name": "marketing", "team": "ทีมการตลาด", "room": "ห้องประชุม 2 ชั้น 5" },
    { "name": "accounting", "team": "ทีมบัญชี", "room": "ห้องประชุม 1 ชั้น 3" },
    { "name": "it", "team": "ทีมไอที", "room": "ออนไลน์ (Teams)" }
  ]
}

$ npx hyperframes render --batch rows.json --output "renders/{name}.mp4" --quality draft
◇  renders\it.mp4   744.4 KB · 10.0s video · rendered in 30.0s
Batch complete: 3 completed.
Manifest: renders\manifest.json

สามทีม สามไฟล์ หนึ่งคำสั่ง — ผมเปิดเฟรมจาก accounting.mp4 ดู: ชิปขึ้น "ทีมบัญชี" ห้องขึ้น "ห้องประชุม 1 ชั้น 3" ครบถ้วน ในโปรแกรมตัดต่อ งานนี้คือเปิดโปรเจกต์แก้มือสามรอบ ที่นี่คือเพิ่มบรรทัดใน JSON แถมได้ manifest.json สรุปผลทุกไฟล์ไว้ตรวจย้อน

12.3 นิสัยส่งมอบ

วนงานด้วย --quality draft (เร็วกว่า high หลายเท่า) ส่งจริงค่อย --quality high แล้วปิดจ๊อบด้วยการยันไฟล์เสมอ — สามคำถาม: ไฟล์มีจริง ขนาดไม่ใช่ศูนย์ ความยาวตรงตั้งใจ:

$ ffprobe -v error -show_entries format=duration -of default=noprint_wrappers=1 renders/accounting.mp4
duration=10.000000

ส่งท้าย — สิ่งที่จะอยู่นานกว่าเวอร์ชัน#

เล่มนี้ทดสอบกับ hyperframes v0.8.8 ที่ยังเดินเร็ว — ชื่อคำสั่งอาจขยับ ด่านตรวจจะหนาขึ้น (กติกาบางข้อที่วันนี้เครื่องยังไม่จับ พรุ่งนี้อาจจับ) แต่สังเกตไหมว่าเนื้อแท้ของทุกบทกลับไม่ได้ผูกกับเวอร์ชันเลย: เฟรมคือฟังก์ชันของเวลา · เวลาถูกประกาศ ไม่ใช่ถูกสั่ง · เครื่องตรวจเห็นไม่ครบ ตาและ contract คือด่านสุดท้าย · เจตนาที่เขียนเป็นลายลักษณ์คุมงานได้ไกลกว่าคำสั่งปากเปล่า

หลักพวกนี้ไม่ใช่ของ HyperFrames ด้วยซ้ำ — มันคือหลักของการทำวิดีโอแบบวิศวกร และตอนนี้มันอยู่ในมือคุณครบทั้งวง: เขียน composition จากศูนย์ อ่านรายงานเครื่องออก ไขบั๊กจากกลไกไม่ใช่จากการเดา และเรนเดอร์งานจริงส่งมอบได้ทั้งใบเดียวและทั้งฝูง

อ่านต่อ: Harness Engineering#

บทที่ 10 เปิดประตูไว้แล้ว: งานวิดีโอสมัยนี้คือการกำกับ agent — เขียนเจตนา วางข้อห้าม ตรวจรับผลงาน ถ้าอยากเข้าใจกลไกฝั่งนั้นให้ลึกเท่าที่เล่มนี้พาลงลึกฝั่งวิดีโอ ต่อด้วย Harness Engineering Handbook: Agent = Model + Harness ผ่ากลไก agent loop, tools, memory จนถึงผ่า Claude Code ทั้งตัว

ถ้าเนื้อหานี้มีประโยชน์ —เลี้ยงกาแฟสักแก้ว

อ่านแบบเต็มเล่ม