📖 คู่มือ Antigravity AI

✍️ เขียนคำสั่ง (Prompt)

บอก Antigravity ว่าจะอัดอะไร + ขั้นตอนอะไรบ้าง

อัดวิดีโอคู่มือ VDO Batch Advance ให้หน่อย
ทำแบบช้าๆ แต่ละ step รอ 3-5 วินาที

Step 1: เปิดหน้า http://chatdev.sj88ai.com/batch-advance.html
Step 2: พิมพ์ "skincare for men 5 videos" ในช่องแชท แล้วกด Send
Step 3: รอ AI ตอบ แล้วแคปภาพ
Step 4: กดปุ่ม Generate
Step 5: รอจนสร้างครบ
Step 6: กด Download

แต่ละ step ให้ capture screenshot ด้วย

🌐 Antigravity เปิดเบราว์เซอร์

Antigravity จะ เปิด Chrome อัตโนมัติ ไปที่ URL ที่ระบุ และเริ่ม อัดวิดีโอ ทุก action ตั้งแต่เปิดเบราว์เซอร์

📸 จับภาพหน้าจอทุก Step

ในแต่ละ step Antigravity จะ: ทำ action → รอ 3-5 วินาที → capture screenshot

test/screenshots/
├── tut_01_open.png          ← เปิดหน้าเว็บ
├── tut_02_typed.png         ← พิมพ์ข้อความ
├── tut_03_ai_response.png   ← AI ตอบ
├── tut_04_generated.png     ← กด Generate
├── tut_05_buttons.png       ← ปุ่ม Download
├── tut_06_status.png        ← สถานะ
└── tut_07_final.png         ← ภาพสรุป

🎬 อัดวิดีโอ Recording

อัตโนมัติ 100% — Antigravity บันทึกทุก action เป็น animated WebP

test/screenshots/tutorial_recording.webp   ← วิดีโอทั้ง flow

ใช้ดูในเบราว์เซอร์ได้เลย — Chrome ✅ Firefox ✅ Edge ✅

🧠 AI คิดบทพากย์จาก Screenshots

Antigravity ดูรูป screenshot แต่ละรูป แล้ว คิดบทพากย์ ให้เอง

หรือ เขียนบทพากย์เอง ด้วย JSON:

{
  "title": "VDO Batch Advance",
  "steps": [
    {
      "file_pattern": "tut_01",
      "desc": "เปิดหน้าเว็บ",
      "narration": "เปิดหน้า VDO Batch Advance..."
    }
  ]
}

🔊 สร้างเสียง TTS

ใช้ gTTS (Google Text-to-Speech) แปลงบทพากย์เป็นเสียง

# รัน script อัตโนมัติ
python scripts/record_tutorial.py --screenshots test/screenshots

# เปลี่ยนภาษา
python scripts/record_tutorial.py --screenshots test/screenshots --lang en    # อังกฤษ
python scripts/record_tutorial.py --screenshots test/screenshots --lang ja    # ญี่ปุ่น

test/audio/
├── step1.mp3      (15s)
├── step2.mp3      (8s)
├── ...
├── step7.mp3      (14s)
└── combined.mp3   (88s รวม)

✂️ ตัดต่อ Video + Audio

Antigravity ใช้ ffmpeg รวม:

🌐 สร้าง HTML คู่มือ

ได้ HTML คู่มือ dark theme สวยงาม พร้อม:

test/html/index.html   ← เปิดได้เลยในเบราว์เซอร์

✅ ตรวจสอบผลลัพธ์

Antigravity จะตรวจ:

📦 เก็บ / Deploy

test/
├── screenshots/   ← 8 ภาพ
├── audio/         ← 7+1 เสียง
├── output/        ← MP4 วิดีโอ
└── html/          ← HTML คู่มือ

Deploy ขึ้นเว็บ:

# สั่ง Antigravity
"deploy ขึ้น lnwtt.lnwsj.com ให้ด้วย"

# หรือรัน script
python 0001_tiktok_9999/deploy.py

📎 Script ที่ใช้

💬 ตัวอย่างคำสั่ง Antigravity

อัดคู่มือ Login:

อัดวิดีโอคู่มือ Login ให้หน่อย
1. เปิด chatdev.sj88ai.com
2. กดปุ่ม Login
3. ใส่ username/password → กด Login
4. แคปหน้า Dashboard
ให้ capture screenshot ทุก step แล้วทำเสียงพากย์ด้วย

อัดคู่มือ Prompt Library:

อัดวิดีโอคู่มือค้นหา Prompt ให้หน่อย
1. เปิด library.html
2. ค้นหา "3D dog"
3. กดดู prompt เต็ม
4. กด Download ZIP
ทำช้าๆ capture screenshot ทุก step แล้วสร้างเสียง TTS ด้วย

ใช้ script โดยตรง:

# รันเต็ม
python scripts/record_tutorial.py --screenshots test/screenshots --title "VDO Batch"

# แค่ HTML
python scripts/record_tutorial.py --screenshots test/screenshots --skip-tts --skip-video

# ภาษาอังกฤษ
python scripts/record_tutorial.py --screenshots test/screenshots --lang en