Eat That AI! ดูคลิปบน YouTube
ปกคลิป EP.8 มือถือแสดงคลิปนีออนที่หม่ำทำด้วย HyperFrames จากไฟล์ HTML ไฟล์เดียว

เขียนเว็บไฟล์เดียว ได้วิดีโอ? หม่ำลอง HyperFrames จริง

EP.8

HyperFrames คือเครื่องมือโอเพนซอร์สของ HeyGen ที่แปลงหน้าเว็บ (HTML, CSS, แอนิเมชัน) เป็นวิดีโอ MP4 ทำงานโดยเปิดหน้าเว็บในเบราว์เซอร์แบบไม่มีหน้าจอ ถ่ายทีละเฟรม แล้วใช้ FFmpeg ต่อเป็นวิดีโอ ไม่ได้ใช้ AI สร้างภาพ เปิดตัว เม.ย. 2026 ตอนนี้ดาวบน GitHub ราว 77,500 (2 พ.ย. 2026)

หม่ำลองจริง

เครื่องของช่อง: Windows 11, Node.js 24, FFmpeg 9 (ลอง 2 และ 3 พ.ย. 2026 เครื่องอื่นอาจต่าง)

ขั้นผล
สร้างโปรเจกต์ npx hyperframes init12 วินาที ได้ index.html พร้อมไฟล์ AGENTS.md ให้ AI อ่าน
เขียนคลิป 6 วินาที 1080x1920HTML ไฟล์เดียว (ชุดแรกแบบเรียบ ชุดสองแบบนีออน การ์ด 3D พลิก)
ตรวจไฟล์ npx hyperframes lint0 error
เรนเดอร์ครั้งแรกบนเครื่อง2 นาที 14 วินาที (รวมเตรียมครั้งแรก)
เรนเดอร์คลิปนีออน รอบหลัง ๆราว 25 วินาที (3 รอบ: 25.2, 24.6, 26.1)
ภาษาไทยขึ้นถูก สระวรรณยุกต์ไม่ลอย เมื่อใส่ฟอนต์ไทยเอง

หม่ำให้คะแนน 4 ข้อ

  1. สร้างมาให้ AI เขียน (ตามคู่มือ) ใช้กับ Claude Code, Codex, Cursor, Gemini CLI
  2. เรนเดอร์ได้จริงบนเครื่องธรรมดา
  3. ภาษาไทยใช้ได้ แต่ต้องใส่ฟอนต์ไทยเอง
  4. สัญญา Apache 2.0 ใช้งานเชิงพาณิชย์ได้ เรนเดอร์ในเครื่องไม่มีค่าใช้จ่าย (บริการคลาวด์ของ HeyGen แยกต่างหาก)

ข้อแม้: ต้องลง Node.js 22 ขึ้นไปกับ FFmpeg เอง และยังเป็นรุ่น 0.9 ช่วง 26 ต.ค. ถึง 2 พ.ย. 2026 ออกรุ่นใหม่กว่า 30 ครั้ง

เริ่มต้น

npx hyperframes init my-video แล้วบอก AI ว่าอยากได้คลิปแบบไหน

หม่ำตัดสิน: กินได้ถ้า… ใช้ AI เขียนโค้ดอยู่แล้ว มือใหม่รอรุ่นนิ่งก่อน

ที่มา: heygen-com/hyperframes, Learn AI wiki, RuntimeWire (5 ต.ค. 2026)

ตัวเลขดาวจาก GitHub ณ 2 พ.ย. 2026 เปลี่ยนทุกวัน ไม่มีส่วนเกี่ยวข้องกับ HeyGen

วิธีฉบับเต็ม

ขั้นตอนติดตั้ง HyperFrames บน Windows ไฟล์ตัวอย่างคลิปภาษาไทยที่หม่ำใช้ และวิธีสั่ง AI ให้ทำคลิป

เร็ว ๆ นี้ จะเปิดให้รับทางอีเมล