สอนใช้ Claude ทำวิดีโอ: Animation เสียงพากย์ Sound Effect ถึงทำในมือถือ (คลิปเต็ม + ไฟล์แจก)

ใครเห็นคลิป AI เต็มฟีดช่วงนี้ แล้วสงสัยว่าเขาทำกันยังไง คลิปนี้ผมเปิดให้ดูทั้งหมดครับ ตั้งแต่ให้ Claude Opus 5.5 เขียน Animation ใส่เสียงพากย์ด้วย ElevenLabs ใส่ Sound Effect ให้ AI ตัดคลิปที่ถ่ายจริง เก็บเป็น Workflow ไว้ใช้ซ้ำ ไปจนถึงทำในมือถือ

บทความนี้สรุปว่าคลิปสอนอะไร มี prompt ที่ผมพิมพ์ในคลิป สารบัญพร้อมเวลา ไฟล์ที่แจก และทุกลิงก์ที่พูดถึง

อยากดูเป็นคลิปก่อน ดูได้ที่นี่ครับ: Claude เปลี่ยนการทำวิดีโอไปตลอดกาล (61 นาที)

คลิปนี้สอนอะไร

• หลักการ ว่าทำไม AI ทำวิดีโอได้ ทั้งที่มันแค่เขียนโค้ด
• ให้ Claude เขียน Animation แล้ว Render เป็นไฟล์วิดีโอ โดยไม่ต้องลง HyperFrames หรือ Remotion
• ใส่เสียงพากย์ ด้วย ElevenLabs ผ่าน API Key
• ใส่ Sound Effect จากไฟล์เสียงจริง
• ให้ AI ดูวิดีโอ แล้วตัดคลิปที่ถ่ายจริง โดยดู Storyboard ก่อน
• เก็บเป็น Workflow แล้วสั่งทำเรื่องใหม่ในประโยคเดียว
• ให้ AI ดู Reference และหาภาพ เสียง วิดีโอฟรีมาให้
• ทำในมือถือ ผ่านแอป Claude

หลักการ: Claude ไม่ได้เจนวิดีโอ มันเขียนโค้ด

ทุกคลิปในวิดีโอนี้ AI ทำทั้งหมด แต่ไม่ได้ใช้ตัวเจนวิดีโอเลยครับ Claude เขียนเว็บด้วย HTML CSS JavaScript ให้ภาพขยับ แล้ววาดออกมาทีละเฟรมจนเป็นไฟล์วิดีโอ อะไรที่เว็บทำ Animation ได้ ก็ทำเป็นวิดีโอได้

เหมือนวาดรูปลงกระดาษทีละแผ่น อยากแก้ตรงไหนก็แก้แผ่นนั้น ไม่ต้องวาดใหม่ทั้งเรื่อง ไม่ชอบพื้นหลังก็บอกให้เปลี่ยนเป็นสีแดง ภาพที่เหลือยังเหมือนเดิม

ตัวที่คนรู้จักอย่าง HyperFrames กับ Remotion ก็ใช้หลักการเดียวกัน ต่างกันแค่ภาษาที่เขียน

ตัวไหน	เขียนด้วย	ในคลิปนี้
HyperFrames	HTML	ไม่ได้ใช้
Remotion	React	ไม่ได้ใช้
เว็บธรรมดา	HTML CSS JavaScript	ใช้ตัวนี้ ให้ Claude คิดเองเต็มที่ ไม่ต้องทำตามแม่แบบ

สิ่งที่ต้องมี

• Claude แบบรายเดือน และใช้ Claude Code (ในแอป Claude กดแท็บ Code) ผมใช้ Claude Opus 5.5 ระดับ Medium ทั้งคลิป จะได้ประหยัด usage
• โฟลเดอร์ว่างหนึ่งโฟลเดอร์ ผมตั้งชื่อว่า AI Video แล้วเลือกโฟลเดอร์นี้ตอนเปิด Claude Code
• บัญชี ElevenLabs ถ้าจะใส่เสียงพากย์ อยากโคลนเสียงตัวเองต้องสมัครแบบรายเดือน
• ไฟล์ Sound Effect โหลดได้จากลิงก์ท้ายบทความ

ใครยังไม่เคยใช้ Claude Code ลองใช้ให้คล่องก่อนนิดนึงครับ คลิปนี้ไม่ได้สอนพื้นฐานตรงนั้น

ทำตามคลิปทีละขั้น

prompt ด้านล่างคือที่ผมพิมพ์ในคลิป เปลี่ยนเรื่องเป็นของคุณได้เลยครับ

ขั้นที่ 1 — ให้ Claude เขียน Animation เป็นเว็บ

ลองทำ Animation คนนั่งหน้าจอคอมแล้วพิมพ์คีย์บอร์ด ใส่เสื้อสีขาว ทำออกมาเป็น HTML, CSS, JavaScript

เสร็จแล้วเปิดโฟลเดอร์ ดับเบิลคลิกไฟล์ index.html ภาพจะขยับอยู่ในเบราว์เซอร์ เปิดไฟล์ดูข้างในก็เป็นโค้ดเว็บธรรมดา

ขั้นที่ 2 — Render เป็นไฟล์วิดีโอ

เอาสิ่งที่เพิ่งทำ render เป็นวิดีโอออกมา 5 วิ ห้ามใช้ Skill

Claude เปิดหน้าเว็บใน Chrome แบบไม่มีหน้าต่าง (headless) จับภาพทีละเฟรม แล้วรวมเป็นวิดีโอด้วย FFmpeg เครื่องต้องมี Chrome กับ FFmpeg ถ้ายังไม่มี บอก Claude ให้ติดตั้งให้ได้ครับ

ที่ผมพิมพ์ "ห้ามใช้ Skill" เพราะเครื่องผมติดตั้ง Skill ทำวิดีโอไว้ อยากให้เห็นว่าไม่มีมันก็ทำได้ Skill พวกนั้นเป็นแค่แม่แบบ

ขั้นที่ 3 — ให้ Claude คิดเรื่อง แล้วทำคลิป 20 วินาที

เปิดแชทใหม่ แล้วถามก่อนว่าทำเรื่องอะไรดี

ผมอยากทำวิดีโอ Demo ให้คนดู ตอนนี้ผมสอนใช้ AI ตัดต่อวิดีโออยู่ ทำเรื่องอะไรดี ยาว 20 วิ ขำๆ

Claude เสนอเรื่อง "เมืองที่ชื่อยาวที่สุดในโลก" นักท่องเที่ยวถามชื่อเมือง คนไทยสูดหายใจแล้วพูดชื่อเต็มกรุงเทพฯ จนสุดท้ายตอบว่า "กทม." ผมเอาเรื่องนี้แล้วสั่งต่อ

ลองทำวิดีโอ Animation ออกมาหน่อย 20 วิ ไม่ต้องใส่เสียงอะไรทั้งนั้น ไม่ต้องใช้ HyperFrames Remotion

ผมยังไม่ได้บอกเลยว่าเอาภาพสไตล์ไหน มันออกมาแบบนี้

ขั้นที่ 4 — ใส่เสียงพากย์ด้วย ElevenLabs

ผมลองมาหลายตัว ElevenLabs ถอดเสียงภาษาไทยได้ดีที่สุดสำหรับผม และโมเดล v4 ทำเสียงไทยออกมาดีมาก

เลือกเสียง เข้า Voices ลองฟังแล้วกดสามจุด > Copy Voice ID หรือจะโคลนเสียงตัวเองที่ Voice Creation ก็ได้

• Instant Voice Clone ใช้เสียงแค่ 10 วินาที
• Professional Voice Clone เหมือนกว่า แต่ควรมีเสียง 30 นาทีขึ้นไป

แนะนำให้อัปโหลดไฟล์เสียงพูดภาษาไทยของตัวเอง ดีกว่าอัดสดในหน้าเว็บ

เชื่อม Claude กับ ElevenLabs มี 3 ทาง

ทาง	เป็นยังไง
MCP (Connector)	เหมือนเลโก้ที่ประกอบมาให้แล้ว AI รู้เลยว่าชิ้นไหนคือแขน ชิ้นไหนคือขา ค้นหา ElevenLabs ในหน้า Connectors ของ Claude แล้วล็อกอิน
API	เลโก้เป็นชิ้นๆ จะประกอบยังไงก็ได้ ยืดหยุ่นกว่า
CLI	คำสั่งใน Terminal ที่ Agent เรียกใช้ได้

ผมใช้ API เพราะให้ Claude ไปอ่านเอกสารล่าสุดแล้วปรับได้ทุกอย่าง

สร้าง API Key ใน ElevenLabs กด Developers (ซ้ายล่าง) > API Keys > Create key ตั้งชื่อให้รู้ว่าใช้กับโปรเจกต์ไหน จะได้ดูว่าใช้เครดิตไปเท่าไหร่ แล้วตั้งลิมิตไว้ด้วย API Key ก็คือรหัสผ่าน ใครได้ไปก็ใช้เครดิตเราได้

ในคลิปผมเปิดสิทธิ์ให้ Key ทุกอย่างเพื่อให้สอนง่าย ซึ่งไม่ใช่วิธีที่ดีที่สุด ถ้าใช้จริงเปิดเฉพาะที่ใช้ เช่น Text to Speech

ส่ง Key ให้ Claude อย่าวางในแชทตรงๆ เพราะจะติดอยู่ในประวัติ ผมสร้างไฟล์ text เล็กๆ ไว้ในโฟลเดอร์ วาง Key ลงไป แล้วบอก Claude ให้ไปเอาจากไฟล์นั้น จากนั้นสั่งทำเสียง

ใช้เสียง ElevenLabs v4 ล่าสุด ไปอ่านเอกสารล่าสุดของ ElevenLabs ก่อนทำ Key อยู่ในไฟล์ที่ผมสร้างไว้ ใช้เสียงนี้ทำ <วาง Voice ID>

ทริคคือสั่งให้มันอ่านเอกสารล่าสุดทุกครั้ง ข้อมูลที่ AI รู้อาจเก่าไปเดือนสองเดือน แต่แพลตฟอร์มพวกนี้อัปเดตแทบทุกวัน ในคลิปได้เสียงพากย์ Eleven v4 ยาว 20 วินาที ชื่อเต็มกรุงเทพฯ ออกมาครบทุกคำ

ขั้นที่ 5 — ใส่ Sound Effect

โหลดไฟล์ SFX ที่ผมแจก (ราว 377 MB) แตกไว้ในโฟลเดอร์ไหนก็ได้ แล้วลากโฟลเดอร์ใส่แชท

ใช้ Sound Effect จากโฟลเดอร์นี้ ใส่ให้เหมาะกับวิดีโอ

ในคลิปมันใส่ไป 24 จุด เช่น Pop ตอนบับเบิลเด้ง เสียงกระดาษตอนเวลาข้าม เสียงกระแทกตอน "กทม." ใช้เวลาราว 1 นาที ใครอยากได้เสียงเพิ่ม เว็บฟรีอย่าง Myinstants ก็ใช้ได้

ทำไมเสียงที่ AI ทำเองถึงวืดๆ วาบๆ เพราะ AI ไม่มีหู มันไม่ได้ยินสิ่งที่ตัวเองทำ เลยเดาแล้วเขียนโค้ดสร้างเสียงขึ้นมาเอง ใช้เสียงจริงคลิปจะดูดีกว่ามาก หรือลอง Earshot ที่ช่วยให้ AI ฟังเสียงและเลือกเสียงได้ดีขึ้น อ่านต่อที่ earshot หูให้ AI

ขั้นที่ 6 — ให้ AI ดูวิดีโอ แล้วตัดคลิปที่ถ่ายจริง

Claude ดูวิดีโอเองไม่ได้ ผมเลยทำ Skill ชื่อ video-understand อยู่ใน ii23-skills มันแตกวิดีโอเป็นเฟรม แล้วเรียงหลายเฟรมเป็นตารางในภาพเดียว คู่กับคำพูดในคลิป ประหยัด token กว่าส่งทีละเฟรมมาก ผมเคยลองให้มันดูการ์ตูนยาวยี่สิบกว่านาทีมาแล้ว

ติดตั้งง่ายสุดคือก๊อปลิงก์ repo ไปบอก Claude ว่า "ติดตั้ง Skill นี้ให้หน่อย" หรือรันคำสั่งจาก README

npx skills add andrewii23/ii23-skills

จากนั้นผมถ่ายคลิปตัวเองพูดสั้นๆ แล้วโยนให้ Claude ในคลิปผมพูดเองว่าอยากได้อะไร (ซับ ตัวหนังสือหลังตัว ลบพื้นหลัง 3D ซูมเข้า ถอยออก ขาวดำ)

ตัดต่อวิดีโอนี้ ใส่ซับกับไตเติ้ลแบบคาราโอเกะ สีขาว แดง ดำ เหลือง ฟังเสียงกับดูวิดีโอด้วยว่าผมพูดอะไร แล้วตัดตามที่ผมขอ ทำ Storyboard ให้ดูก่อนตัดจริง

ขอ Storyboard ก่อนเสมอครับ เหมือน developer ที่เขียน Spec ให้เคลียร์ก่อนลงมือ คิดทีเดียวจบ ไม่เสีย token สั่งแก้ไปมา ถ้าลืมอะไร (ผมลืมบอกให้ใส่ Sound Effect) ก็บอกเพิ่มตอนนี้ก่อนให้มันตัดจริง

ได้คลิปแนวตั้ง 16.8 วินาที พร้อมซับคาราโอเกะและ SFX 15 จุด เหมาะกับคนเพิ่งเริ่มตัดต่อ หรืออยากได้คอนเทนต์ไวๆ แต่ผมไม่คิดว่ามันแทนคนตัดต่อได้นะครับ ผลออกมาดีแค่ไหน ขึ้นกับว่าเรากำกับมันดีแค่ไหน เรื่องเล่า Hook และความคิดสร้างสรรค์ยังต้องมาจากเรา

ขั้นที่ 7 — เก็บเป็น Workflow แล้วใช้ซ้ำ

Workflow คิดง่ายๆ คือ จินตนาการว่ามี AI อีกตัวมาทำงานต่อจากคุณ แล้วต้องทำได้แบบเดียวกัน

เก็บตัววิดีโอที่ทำกรุงเทพเมื่อกี้ไว้เป็น workflow ให้หน่อย จินตนาการว่า AI ตัวอื่นมาทำงานต่อคุณ ต้องทำได้แบบเดียวกัน

ให้มันตั้งชื่อด้วยจะได้เรียกถูก ในคลิป Claude ตั้งว่า code-story-20s จากนั้นเปิดแชทใหม่ เพื่อให้เห็นว่ามันไม่ได้คุยต่อจากแชทเดิม

ใช้ workflow code-story-20s ทำวิดีโอเล่าเกี่ยวกับผีไทย 15 วิ ทำมาเลย ไม่ต้องถามผม

ราว 8 นาที ได้คลิปแม่นาคยืดแขนเก็บมะนาว สไตล์ภาพเดิม มีเสียงพากย์และ Sound Effect ครบ

ขั้นที่ 8 — ให้ AI ดู Reference และหาสื่อฟรี

Reference แคปภาพหรือคลิปที่ชอบ เปิดแชทใหม่ แนบภาพแล้วบอก

ลองทำวิดีโอแนะนำตัวผม ผมชื่อแอนดริว เอาแบบนี้ ทำมา 5 วิ

ใช้เป็นตัวอย่าง ไม่ใช่ก๊อปนะครับ ได้มาแล้วปรับให้เป็นสไตล์ของตัวเอง คลิปแบบนี้ปกติผมทำใน After Effects ใช้เวลานานมาก

หาสื่อฟรี ผมเขียนบทความรวมแหล่งภาพ เสียง วิดีโอฟรีที่ให้ AI ลองโหลดจริง ไว้แล้ว ให้ Claude อ่านก่อน แล้วสั่งหา

หาสิ่งที่เกี่ยวกับหมามาหน่อย อย่างละ 3 อันในแต่ละเว็บ แยกโฟลเดอร์ให้ด้วย

แต่ถ้ามีภาพหรือเสียงจริงอยู่แล้ว เตรียมไว้ให้ดีกว่า แยกโฟลเดอร์ชื่อเคลียร์ๆ เช่น ภาพหลัก ภาพประกอบ วิดีโอหลัก เสียง AI จะหยิบไปใช้เอง ทำงานไวขึ้น ประหยัด token และตรง Brief มากขึ้น

ขั้นที่ 9 — ทำในมือถือ

ตอนนี้ Claude Cowork กับ Claude Chat รวมเป็นตัวเดียวกันแล้ว แต่ละแชทมีคอมพิวเตอร์บน Cloud ให้ เลยทำวิดีโอในแอป Claude บนมือถือได้ด้วย

1. ในแอป Claude สร้าง Project ใหม่ เช่น AI Video
2. กด New chat ใน Project นั้น
3. แนบไฟล์ zip ของ Workflow ที่ทำไว้ แล้วสั่ง

ทำเกี่ยวกับอาหารไทย ตาม Workflow นี้ ไม่ต้องถามผม เอาวิดีโอมาเลย

ในคลิปได้เรื่อง "คำที่อันตรายที่สุดในร้านส้มตำ" ออกมาจากมือถือจริง จะเริ่มจากศูนย์แบบขั้นที่ 1 ก็ได้เหมือนกัน แต่ต้องคุยในแชทเดิมตลอด ไฟล์อยู่บน Cloud ไม่ได้อยู่ในเครื่องเรา

ไฟล์ที่แจกในคลิป

• ไฟล์ทั้งหมดที่ทำในคลิป (AI Video ไฟล์ในคลิป.zip ราว 158 MB) ข้างในมี
  • typing-animation Animation คนพิมพ์คีย์บอร์ดตัวแรก
  • workflows/code-story-20s คลิปชื่อเต็มกรุงเทพฯ ทั้งแบบเงียบ แบบมีเสียงพากย์ และแบบมี SFX
  • workflows/code-story-15s คลิปแม่นาคที่ทำจาก Workflow
  • workflows/code-intro-5s คลิปแนะนำตัวที่ทำจาก Reference
  • workflows/somtam-project.zip โปรเจกต์ส้มตำที่ทำในมือถือ
  • demo-edit Storyboard และคลิปที่ AI ตัดจากคลิปถ่ายจริงของผม
• เสียง SFX (Sfx.zip ราว 377 MB)
• บอร์ด Excalidraw ในคลิป
• ตัวอย่างวิดีโอ

แต่ละ Workflow มีไฟล์ WORKFLOW.md บอกวิธีทำซ้ำ และ run.sh สำหรับ Render ใหม่ ต้องใช้ macOS, Google Chrome, ffmpeg และ Python 3 ที่ลง playwright ถ้าจะทำเสียงใหม่ ก๊อป .env.example เป็น .env แล้วใส่ Key ของคุณเอง ในไฟล์ไม่มี Key ของผมครับ

สารบัญคลิป

• 00:00 Intro: AI เปลี่ยนการทำวิดีโอไปตลอดกาล
• 01:20 กระแสวิดีโอ AI และคลิปนี้จะได้อะไร
• 03:23 มีอะไรเปลี่ยนไป? หลักการยังเป็นการเขียนโค้ด
• 05:28 ทำไมผมมาสอน และผลที่ช่องผมได้
• 08:35 แวะเบรก: ii23 School
• 12:50 HyperFrames vs Remotion: หลักการเดียวกัน
• 13:42 เริ่ม: Claude Opus 5.5 + Claude Code
• 14:22 ให้ AI เขียนโค้ดทำ Animation
• 17:42 Render เป็นวิดีโอ ไม่ต้องใช้ Skill
• 19:37 ทำวิดีโอ Demo: ชื่อเต็มกรุงเทพฯ
• 22:06 ใส่เสียงด้วย ElevenLabs + โคลนเสียง
• 25:35 เชื่อม Claude กับ ElevenLabs: MCP vs API
• 27:08 สร้าง API Key ให้ Claude ทำเสียงพากย์
• 32:06 ใส่ Sound Effect (แจก SFX + Myinstants)
• 33:49 ทำไมเสียง AI ถึงวืดๆ + Earshot
• 35:19 Skill ให้ AI ดูวิดีโอ (ii23-skills)
• 37:26 ให้ AI ตัดต่อคลิปถ่ายจริง + Storyboard
• 39:50 AI แทนคนตัดต่อได้ไหม?
• 41:55 เก็บเป็น Workflow แล้วใช้ซ้ำ (เรื่องผีไทย)
• 45:47 ให้ AI ดู Reference (ไม่ใช่ก๊อป)
• 48:17 ให้ AI หาภาพ เสียง วิดีโอฟรีมาให้

ข้อควรระวัง

• API Key คือรหัสผ่าน อย่าวางในแชท อย่าแชร์โฟลเดอร์ที่มีไฟล์ .env หรือไฟล์ Key ติดไปด้วย ถ้าเผลอแนบ Key ไปกับไฟล์ zip อย่าส่ง zip นั้นต่อ และเปลี่ยน Key ทีหลัง Key ที่ผมสร้างโชว์ในคลิป ผมลบทิ้งแล้ว
• ตั้งลิมิตเครดิตให้ Key และเปลี่ยน Key เป็นระยะ เผื่อหลุด
• โคลนเสียงตัวเองต้องสมัคร ElevenLabs แบบรายเดือน ส่วนเสียงในคลังเลือกใช้ได้เลย
• ในมือถือ Claude อาจเข้าบางเว็บไม่ได้ เช่น ElevenLabs ถ้ามันถาม Allow websites ให้กด Always allow ถ้ายังไม่ได้ เปิด claude.ai ในเบราว์เซอร์ ไปที่ Settings > Capabilities แล้วอนุญาตให้เข้าเว็บได้ (ของผมตั้งเป็น Allow all sites) หน้าตาของแต่ละบัญชีอาจไม่เหมือนกัน
• คอมบน Cloud ไม่แรง ตอนอัดคลิป Claude บอกว่าได้ CPU 2 คอร์ RAM ราว 8 GB พื้นที่ราว 30 GB ไม่มีการ์ดจอ Render จะช้ากว่าในคอม
• prompt เดียวกันไม่ได้ผลเหมือนกันเป๊ะ Workflow ของแต่ละคนจะไม่เหมือนกัน ใส่ความเป็นตัวเองลงไปให้มากที่สุด จะได้ไม่ใช่ AI Slop อีกคลิปในฟีด

สิ่งที่ได้ / ลองต่อ

• รู้ว่า Claude ทำวิดีโอด้วยการเขียนโค้ด เลยแก้ได้ทีละจุด
• ใส่เสียงพากย์และ Sound Effect ให้คลิปได้เอง
• เก็บเป็น Workflow แล้วสั่งเรื่องใหม่ได้ในประโยคเดียว ทั้งในคอมและมือถือ

เริ่มจากขั้นที่ 1 กับโฟลเดอร์ว่างได้เลย หรือโหลดไฟล์ในคลิปไปลองรัน Workflow ที่ผมทำไว้ก่อนก็ได้ครับ

ลิงก์

• คลิปเต็ม: Claude เปลี่ยนการทำวิดีโอไปตลอดกาล
• ii23-skills (Skill ให้ AI ดูวิดีโอ)
• ElevenLabs (ฟังเสียงและพากย์เสียง)
• Earshot (ให้ AI ฟังเสียงเพื่อทำ Sound Effect)
• Myinstants (ปุ่มเสียงฟรี)
• แหล่งภาพ เสียง วิดีโอฟรีที่ให้ AI ลองโหลดจริง
• ClaudeAnimationBase ชุดเริ่มต้นทำการ์ตูนวาดมือด้วย Claude
• lemo-opuscar รวมสไตล์หนังที่ทำด้วยโค้ดพร้อม prompt
• awesome-claude-5-5-videos รวม Workflow วิดีโอ Claude 5.5 ที่คนทำแจก
• PDoomVideo โค้ด MV ที่ทำด้วย Claude Opus 5.5
• Skillry: วิดีโอที่ทำด้วย Opus 5.5 รวมคลิปพร้อมปุ่มก๊อป prompt

---

อยากได้ไฟล์ Starter, Workflow และ Template ที่ผมใช้ทำวิดีโอจริง ไม่ต้อง Setup อะไรเยอะ โหลดแล้วบอก AI ทำได้เลย เรียนแบบละเอียดกับผมที่ ii23 School