heenzaa.aibro

บอกหัวข้อ
ได้คลิปแผนที่ 3D
ทั้งคลิป

map-shorts เป็น skill ฟรีที่ผมทำเองสำหรับ Claude Code มันเขียนสคริปต์ ทำเสียงพากย์ ใส่ซับไทย แล้วบินกล้องจากลูกโลกลงไปถึงพื้นที่จริง

วิธีติดตั้ง
  • ฟรี · MIT
  • ซับไทยตัดคำถูก
  • Claude ติดตั้งให้
ยอดเอเวอเรสต์ สคริปต์ 4 ประโยค ที่เหลือ skill ทำเองทั้งหมด (ใช้เสียงร่าง)

อ่านก่อนใช้

  • ต้องมี Claude Code ซึ่งใช้กับ Claude แบบเสียเงิน (Pro ขึ้นไป) หรือ API key แพ็กเกจฟรีใช้ไม่ได้
  • เสียงพากย์ฟรีใช้ทำร่างเท่านั้น ถ้าจะลงช่องที่หารายได้ ให้ใช้ ElevenLabs แบบเสียเงิน
  • ต้องใส่เครดิตภาพดาวเทียม ในคำอธิบายคลิปทุกครั้ง มีข้อความให้ก๊อปด้านล่าง
  • เช็กข้อเท็จจริงเองก่อนลง Claude เขียนสคริปต์ได้ แต่ตัวเลขและข้อมูลอาจผิด
  • ยังเป็นรุ่น beta ทดสอบแล้วบน Windows 11 และ Linux ยังไม่ได้ทดสอบบน Mac

ในหนึ่งคลิป skill วาดอะไรได้บ้าง

กล้องเป็นช็อตเดียวต่อเนื่อง ไม่มีตัดต่อ ทุกอย่างวางอยู่บนภาพดาวเทียมกับความสูงจริงของพื้นที่

คำอธิบายสัญลักษณ์

ลูกโลก → พื้นที่จริงเปิดด้วยลูกโลกหมุน แล้วดิ่งลงไปถึงภูเขา แม่น้ำ หรือเมือง

แม่น้ำลากเส้นแม่น้ำไปตามพื้นที่จริง มีน้ำไหล

จังหวัดหรือประเทศระบายพื้นที่ที่เล่าถึง ให้คนดูเห็นขอบเขตทันที

ตัวเลขนับขึ้นความสูง ระยะทาง ปี นับขึ้นตามจังหวะเสียงพูด

ซับไทยทีละคำตัดคำไทยถูก คำที่กำลังพูดเปลี่ยนสี

หมุด วงแหวน การ์ดข้อมูลปักชื่อสถานที่ ระยะรัศมี และข้อมูลสั้นๆ ข้างภาพ

คลิปแม่น้ำชี เส้นแม่น้ำเรืองแสงบนแผนที่ภาคอีสาน
แผ่นที่ 1แม่น้ำชี
คลิปอ่าวไทยเคยเป็นแผ่นดิน ตัวเลขระดับน้ำทะเลนับลง
แผ่นที่ 2อ่าวไทยเคยเป็นแผ่นดิน
คลิปภูเขาไฟในไทย ไฮไลต์จังหวัดบุรีรัมย์และศรีสะเกษ
แผ่นที่ 3ภูเขาไฟในไทย
คลิปพายุเข้าภาคใต้ บนลูกโลก
แผ่นที่ 4พายุปลายปี

ทั้ง 4 แผ่นมาจากช่องแผนที่ของผมเอง (โลกมุมสูง) skill นี้แยกออกมาจากระบบที่ใช้ทำช่องนั้น

ก่อนออกเดินทาง

Claude Codeในแอป Claude บนคอม (แท็บ Code) หรือใน Terminal ก็ได้ ต้องใช้ Claude แบบเสียเงิน
Python, Node.js, ffmpegถ้ายังไม่มี Claude จะบอกคำสั่งติดตั้งให้ และถามก่อนติดตั้งทุกครั้ง
การ์ดจอ แนะนำการ์ดจอในตัวของโน้ตบุ๊กรุ่นใหม่ก็พอ คลิป 30 วินาทีเรนเดอร์ราว 1 นาที ถ้าไม่มีจะใช้เวลาราว 30 นาที
ElevenLabs ไม่บังคับใช้เฉพาะตอนจะลงคลิปจริงในช่องที่หารายได้

เส้นทางติดตั้ง

ราว 10-15 นาที ดาวน์โหลดราว 300 MB

  1. 1

    เปิด Claude Code ในโฟลเดอร์ว่าง

    สร้างโฟลเดอร์ใหม่ เช่น map-shorts แล้วเปิด Claude Code ที่โฟลเดอร์นั้น

  2. 2

    ก๊อปข้อความนี้ไปวางทั้งก้อน แล้วกดส่ง

    ติดตั้ง map-shorts ให้หน่อย: clone https://github.com/Heenzaa1998/map-shorts ลงโฟลเดอร์นี้ แล้วทำตามหัวข้อ Install ใน README.md ให้ครบทุกขั้น ถ้าเครื่องยังไม่มี Python, Node.js หรือ ffmpeg ให้บอกคำสั่งติดตั้งที่เหมาะกับระบบของฉัน และขออนุญาตก่อนติดตั้งทุกครั้ง จากนั้นคัดลอกโฟลเดอร์ skill/map-shorts ไปไว้ที่ ~/.claude/skills/ แล้วรัน check_setup.py จนไม่มีบรรทัด -- เหลือ (บรรทัด opt ข้ามได้) สุดท้ายทำคลิปตัวอย่าง examples/fuji ให้ฉันดู โดยส่งภาพนิ่งให้ดูก่อน และถ้าเครื่องไม่มีการ์ดจอให้บอกก่อนเรนเดอร์เต็ม
  3. 3

    กดอนุญาตตามที่ Claude ถาม

    มันจะติดตั้งให้ ตรวจว่าครบ แล้วทำคลิปภูเขาฟูจิเป็นตัวอย่าง

  4. ✓

    ปลายทาง: ได้คลิปฟูจิ

    ถ้าได้คลิปฟูจิ แปลว่าพร้อมใช้แล้ว

ทำคลิปแรก

Claude จะถามก่อนว่าคนดูเป็นใคร ช่องหารายได้หรือยัง ใช้เสียงอะไร แล้วเขียนสคริปต์ให้คุณอนุมัติ และส่งภาพนิ่งให้ดูก่อนเรนเดอร์จริง

  1. 1

    บอกหัวข้อ

    ทำคลิป map-shorts เรื่องทำไมกรุงเทพถึงน้ำท่วมง่าย เป็นภาษาไทย
  2. 2

    ดูภาพนิ่งก่อน แล้วสั่งแก้

    ขอภาพนิ่ง 6 จุดตลอดคลิปก่อน ถ้าตรงไหนมีตัวหนังสือทับกัน ภาพเบลอ หรือเห็นขอบแผนที่ ให้แก้ก่อนเรนเดอร์
  3. ✓

    เรนเดอร์คลิปจริง

    โอเค เรนเดอร์เต็มคลิปเลย แล้วบอกว่าไฟล์อยู่ที่ไหน

ก่อนลงช่องที่หารายได้

เสียงฟรี (Edge)ค่าเริ่มต้น ใช้ทำร่างได้ เสียงไทยยังแข็ง และ Microsoft ระบุว่าการใช้เชิงพาณิชย์โดยไม่มี Azure อาจผิดเงื่อนไข
ElevenLabsเสียงเป็นธรรมชาติ จังหวะซับแม่นกว่า ตั้ง API key ในเครื่อง แล้วบอก Claude ว่า "เปลี่ยนเสียงเป็น ElevenLabs"

ก๊อปเครดิตนี้ไปใส่ในคำอธิบายคลิปทุกครั้ง (ในตัวคลิปมีบรรทัดเครดิตอยู่แล้ว)

Imagery: EOxCloudless https://cloudless.eox.at by EOX IT Services GmbH (Contains modified Copernicus Sentinel data 2016), CC BY 4.0
Terrain: AWS Terrain Tiles (SRTM and others) + the notices for your area: https://github.com/tilezen/joerd/blob/master/docs/attribution.md
Globe: NASA Blue Marble · Borders, provinces, rivers: Natural Earth
Terrain exaggerated for clarity; beams and rings are illustrations.

ถ้ามีปัญหา

ส่วนใหญ่ก๊อปข้อความ error ไปวางให้ Claude แล้วบอกว่า "แก้ให้หน่อย" ก็จบ ด้านล่างคือที่เจอบ่อย

เรนเดอร์ช้ามาก

เครื่องไม่ได้ใช้การ์ดจอ (ข้อความขึ้นว่า SwiftShader) ถ้าใช้ WSL บน Windows ให้บอก Claude ว่า "เรนเดอร์ผ่าน Node ฝั่ง Windows" จะเร็วขึ้นมาก ถ้าเครื่องไม่มีการ์ดจอจริงๆ ก็เรนเดอร์ได้ แค่ต้องรอนาน

เสียงฟรีไม่ออก หรือขึ้นว่า Edge TTS gave no audio

บริการเสียงฟรีล่มบ่อย รอสักนาทีแล้วสั่งใหม่ ประโยคที่ทำเสร็จแล้วถูกเก็บไว้ ไม่ต้องทำใหม่ทั้งหมด

ขึ้นว่า Executable doesn't exist ... ms-playwright

ติดตั้งเบราว์เซอร์ผิดรุ่น ให้รันคำสั่งนี้ในโฟลเดอร์ map-shorts

npx playwright-core install chromium
พื้นดินเบลอ หรือเห็นขอบแผนที่เป็นรอยต่อ

กล้องบินออกนอกพื้นที่ที่ดึงภาพละเอียดไว้ บอก Claude ว่า "ขยายพื้นที่ภาพละเอียดให้ครอบทุกจุดที่กล้องบินผ่าน"

สีที่ระบายจังหวัดหายไปใต้ภูเขา

บอก Claude ว่า "ยก lift ของพื้นที่นี้ขึ้นเป็น 40"

อยากรายงานบั๊ก

เปิด issue ที่ GitHub แนบข้อความ error และบอกว่าใช้ Windows, Mac หรือ Linux

Heen
Heen
Senior DevOps Engineer · ใช้ AI ง่ายๆ ในสไตล์ engineer

มี skill ฟรีมาแจกอีกเรื่อยๆ

กดติดตามไว้ ตัวต่อไปจะได้ไม่พลาด