คู่มือใช้งาน
Cutdee Ai Studio โหมดง่าย

1 ระบบคืออะไร

Cutdee Ai Studio คือเครื่องมือทำวิดีโอโฆษณาจากสินค้าจริงบน TikTok Shop / Lazada / Shopee โดยให้คุณ (1) เลือกสินค้าที่จะทำวิดีโอ → (2) ใส่รูปคน (ถ้ามี) → (3) กดปุ่ม ระบบจะสร้างคลิป 4 คลิปให้พร้อมลงขาย

โหมดที่มีให้

โหมดง่าย (Easy)

เน้น 3 ขั้นตอน เลือกสินค้า → ใส่รูป → กดสร้าง เหมาะกับผู้เริ่มต้น

โหมดเต็ม (Full)

เครื่องมือครบ — เปรียบเทียบ รายการโปรด ตัวกรองขั้นสูง เหมาะกับคนทำงานจริงจัง

คู่มือมีเสียง

คู่มือเดียวกันแต่มีเสียงพากย์ 16 บท พร้อมปุ่มเล่น/หยุด

2 ลิงก์ทั้งหมดที่ต้องรู้จัก

ทุกหน้าอยู่ใต้ ttvip2.cutdee.com/final/ ใช้ URL เดียวกันได้ทั้ง desktop และมือถือ

3 เริ่มจากศูนย์ — 6 ขั้น

ทำตามนี้ทีละขั้น จะได้วิดีโอแรกออกมา

1. เปิดเว็บ ไปที่ https://ttvip2.cutdee.com/final/catalog_easy.html ใช้ Chrome แนะนำ เพราะเก็บ API key ใน sessionStorage ของ browser
2. ตั้ง API key ก่อน (ทำครั้งเดียว) เลื่อนลงล่างสุด → กด "เครื่องมืออื่น" → หัวข้อ "คีย์ GenAIPro" → วาง key → กด บันทึก ดูหัวข้อ คีย์ GenAIPro
3. เลือกหมวดหมู่ (ไม่บังคับ) คลิก chip ด้านบน (Desktop) หรือกดปุ่ม "หมวดหมู่" (Mobile) เลือก เช่น "ยานยนต์ฯ" เพื่อกรองสินค้าให้แคบลง
4. ค้นหาสินค้า (ไม่บังคับ) พิมพ์ในช่องค้นหา เช่น wax, iPhone, กล้อง — กด × เพื่อล้าง
5. คลิกการ์ดสินค้าที่ต้องการ ทั้งการ์ดเป็นปุ่ม — คลิกที่ไหนก็ได้ในการ์ด ไม่ต้องเล็งปุ่ม "เลือกสินค้านี้" Desktop จะเปิด tab ใหม่ / Mobile จะเปลี่ยนหน้า
6. ทำตาม 3 ขั้นในหน้าสร้างวิดีโอ เลือกสินค้า (✓ ไปแล้ว) → ใส่รูปคน (หรือข้าม) → กด "OK · เริ่มสร้างวิดีโอ" ดูหัวข้อ หน้าสร้างวิดีโอ

4 ภาพรวมหน้าเลือกสินค้า

นี่คือหน้าหลักของโหมดง่าย ทุกอย่างอยู่ที่นี่ ดูให้คุ้นก่อนลงรายละเอียดแต่ละส่วน

ส่วนประกอบบนหน้าจอ

① แถบบนสุด

โลโก้ Cutdee Ai Studio (ซ้าย) — ปุ่ม "โหมดเต็ม" (ขวา) เปลี่ยนไปยังหน้า catalog.html

② หัวเรื่อง

"เลือกสินค้าที่จะทำวิดีโอ"

③ ช่องค้นหา

พิมพ์ชื่อสินค้า เช่น iPhone, ครีม, รองเท้า

④ Chip หมวดหมู่

Desktop แสดงเป็นแถบเม็ดยาวตามแนวนอน (Mobile ซ่อนไว้ — ดูหัวข้อ เลือกหมวดหมู่)

⑤ จำนวนผลลัพธ์

"แสดง 24 รายการ" — เปลี่ยนตาม filter

⑥ การ์ดสินค้า

แต่ละการ์ด = ปุ่มเดียว คลิกที่การ์ดเพื่อเลือก

⑦ ปุ่ม "ดูเพิ่ม"

โหลดหน้าถัดไป 24 รายการ

⑧ "เครื่องมืออื่น"

กล่องพับ — ซ่อนเครื่องมือขั้นสูงไว้ข้างใน

มือถือ (390×844)

5 ค้นหาสินค้า

ช่องค้นหาใช้ fuzzy match กับชื่อสินค้า พิมพ์อะไรก็ได้ที่จำได้

วิธีใช้

1. คลิกช่องค้นหามีรูปแว่นขยายอยู่ซ้าย
2. พิมพ์คำค้นเช่น iPhone · wax · กล้อง · หอม — ระบบจะรอ 350ms แล้วค่อยค้น (debounce)
3. ดูผลลัพธ์ระบบแสดง "กำลังค้นหา…" ระหว่างรอ เพราะการค้นหา server-side ใช้เวลา 6-7 วินาที
4. ล้างคำค้นกดปุ่ม × ที่ขวาช่องค้นหา หรือลบข้อความออกให้หมด

6 เลือกหมวดหมู่

หมวดหมู่ทั้งหมดโหลดจาก GET /final/api/products/categories มีให้เลือก 14+ หมวด พร้อมจำนวนสินค้า

Desktop — ใช้ chip แนวนอน

คลิก chip หมวดหมู่ที่ต้องการ — chip ที่เลือกอยู่จะเป็นสีเขียว คลิกอีกครั้งเพื่อยกเลิก

Mobile — ใช้ bottom sheet

กดปุ่ม "หมวดหมู่" (ใต้ช่องค้นหา) → เปิด sheet เต็มจอ เลือก 1 อัน → sheet ปิดอัตโนมัติ

รายชื่อหมวดหมู่ทั้งหมด

ทั้งหมด

รวมทุกหมวด (5,021,331 รายการ)

โทรศัพท์และอุปกรณ์อิเล็กทรอนิกส์

595,932 — iPhone, ที่ชาร์จ, หูฟัง

เสื้อผ้าและอุปกรณ์เสริมสวย

482,019

ความงามและของใช้ส่วนตัว

443,049

ยานยนต์และจักรยานยนต์

421,154 — น้ำหอมรถ, อะไหล่, เครื่องมือ

อุปกรณ์เครื่องใช้ในบ้าน

378,078

เครื่องประดับแฟชั่น

349,032

อาหารและเครื่องดื่ม

239,505

การปรับปรุงบ้าน

220,263

กีฬาและกิจกรรมกลางแจ้ง

205,333

เครื่องมือและเครื่องโลหะ

200,402

เสื้อผ้าบุรุษและชุดชั้นใน

199,926

ของเล่นและงานอดิเรก

160,271

เครื่องครัว

154,066

อุปกรณ์สัตว์เลี้ยง

140,899

7 การ์ดสินค้า & ปุ่มเลือก

การ์ดสินค้าแต่ละใบ = ปุ่มเดียว (HTML <button>) คลิกที่ไหนก็ได้ในการ์ด ไม่ต้องเล็งปุ่ม

พฤติกรรมเมื่อคลิก

Desktop (จอ ≥ 641px)

เปิด tab ใหม่ ไปยัง /final/freestyle_easy.html?pid=...&source=catalog_easy แท็บ catalog ไม่หายไป

Mobile (จอ < 641px)

นำทางในแท็บเดิม เพราะ tab ที่สองบนมือถือแย่กว่าปุ่ม Back เมื่อกด Back จะกลับมาที่ list เดิม (back/forward cache)

URL ที่ส่งต่อ

?pid=<id>&source=catalog_easy[&sku=<tiktok_product_id>]

เมื่อคลิกแล้วไปไหน

8 ดูเพิ่ม / โหลดเพิ่ม

หน้าแรกแสดง 24 รายการ ถ้าต้องการมากกว่านั้้น ให้กดปุ่ม "ดูเพิ่ม" ที่อยู่ใต้ grid

• กดแต่ละครั้ง = โหลดเพิ่ม 24 รายการ
• กดซ้ำไม่ได้ (guard) ต้องรอ batch ก่อนหน้าเสร็จ
• เมื่อโหลดครบทั้งหมด จะเห็นข้อความ "ครบแล้ว"

9 เครื่องมืออื่น — กล่องที่ซ่อนอยู่

ที่ด้านล่างสุดของหน้า มีกล่องพับ (HTML <details>) ชื่อว่า "เครื่องมืออื่น" — กดที่หัวข้อเพื่อขยาย

กล่องนี้รวม 5 กลุ่มเครื่องมือ:

1. เรียงลำดับ (Sort)
2. ตัวกรอง (Filter)
3. ช่วงราคาและยอดขาย
4. คีย์ GenAIPro
5. ส่งออกและหน้าอื่น

10 เรียงลำดับ

คลิก pill เพื่อเปลี่ยนลำดับการแสดงผล ค่าเริ่มต้นคือ "ยอดขาย"

ตัวเลือกทั้ง 7

ยอดขาย (revenue)

ค่าเริ่มต้น — เรียงตามยอดขายรวมสูง → ต่ำ

AI Score

คะแนน AI จัดอันดับ เหมาะลงทุน

เติบโต (growth)

สินค้าที่ยอดขายกำลังเติบโต

Blue Ocean (creators)

มีคนทำวิดีโอน้อย ตลาดยังเปิด

Conv Rate

อัตราแปลงวิดีโอเป็นยอดขาย

ค่าคอม % (comm)

ค่าคอมมิชชั่นสูง

ลดราคา (discount)

มีดีล/ส่วนลด

11 ตัวกรอง AI / Flag

กด pill เพื่อกรอง สามารถกดซ้อนกันได้ (AND)

ตัวกรอง 2 กลุ่ม

กลุ่ม AI

AI ทุกระดับ (ค่าเริ่มต้น) · Elite 80+ · High 70+ · Good 60+

กลุ่ม Flag (กดซ้อนได้)

เหมาะทำวิดีโอ — สินค้าที่ AI แนะนำให้ทำ VDO
ค่าคอม 15%+ — มีค่าคอมมิชชั่น ≥ 15%
ส่งฟรี — ร้านค้าส่งฟรี
กำลังลดราคา — มีดีล/คูปอง

12 ช่วงราคาและยอดขาย

กรอกช่องว่างเพื่อกรองเป็นช่วง ปล่อยว่าง = ไม่จำกัด

1. กรอกราคาต่ำสุดตัวเลขเท่านั้น (inputmode="numeric")
2. กรอกราคาสูงสุดปล่อยว่าง = ไม่จำกัด
3. กรอกยอดขายต่ำสุด/สูงสุดหน่วยเป็นบาท (ไม่ใช่ล้าน)
4. กด "ใช้ตัวกรอง"จะยิง request ใหม่และเปลี่ยน URL
5. กด "ล้างตัวกรอง"กลับเป็นค่าเริ่มต้นทั้งหมด

13 คีย์ GenAIPro

API key สำหรับเรียกใช้บริการวิดีโอ เก็บไว้ใน browser เครื่องนี้เท่านั้น (sessionStorage) ไม่มีการส่งไปเซิร์ฟเวอร์

วิธีตั้งค่า

1. ขอ keyติดต่อทีมงาน Cutdee เพื่อขอ GenAIPro API key
2. วาง key ในช่องดูเหมือน •••••••• เพราะใช้ CSS -webkit-text-security ปกป้องสายตาคนเดินผ่าน
3. กด "บันทึก"เก็บใน sessionStorage key = vdo_api_key
4. ตรวจสอบสถานะดูข้อความใต้ช่อง "ยังไม่ได้ตั้งค่า" / "ตั้งแล้ว"
5. กด "ล้าง" เมื่อต้องการเอาออกเช่น ใช้คอมสาธารณะ

อายุ key

• key หายเมื่อปิด tab / ปิด browser (sessionStorage)
• เปิด tab ใหม่ → ต้องใส่ใหม่
• key ใช้ร่วมกับหน้า สร้างวิดีโอ อัตโนมัติ

14 ส่งออก CSV & ลิงก์ไปหน้าอื่น

อยู่ในกลุ่มสุดท้ายของ "เครื่องมืออื่น" ชื่อหัวข้อ "ส่งออกและหน้าอื่น"

5 ปุ่ม

ดาวน์โหลด CSV ของผลที่เห็น

ดาวน์โหลดเฉพาะหน้าจอปัจจุบัน ไม่ใช่ทั้งหมดในระบบ เปิดใน Excel/Sheets ได้

รายการโปรด เปรียบเทียบ ตัวกรองขั้นสูง

→ เปิด โหมดเต็ม /final/catalog.html

ประวัติการสร้าง

→ เปิด ประวัติ /final/history.html?m=easy

หน้าสร้างวิดีโอ

→ เปิด freestyle_easy โดยตรง (ไม่ต้องผ่าน catalog)

คู่มือใช้งาน มีเสียงพากย์

→ เปิด คู่มือเสียง /final/guide/index.html (ปุ่มนี้เป็นสีเขียว)

15 โหมดเต็ม (catalog.html)

โหมดเต็มมีเครื่องมือเพิ่ม: เปรียบเทียบ, รายการโปรด, Select mode, ตัวกรองขั้นสูง เหมาะกับงานจริงจัง

สิ่งที่โหมดเต็มมี แต่โหมดง่ายไม่มี

Mobile

16 หน้าสร้างวิดีโอ (freestyle_easy.html)

มาถึงหน้านี้ได้ 2 ทาง: (1) คลิกการ์ดจาก catalog_easy (2) คลิกลิงก์ "หน้าสร้างวิดีโอ" ในเครื่องมืออื่น

3 ขั้นตอน

1. เลือกสินค้า ถ้ามาจาก catalog จะขึ้น ✓ อัตโนมัติ ถ้ายังว่าง → กดปุ่ม "เลือกสินค้าจากแคตตาล็อก" ที่แถบบนเห็น badge "1 สินค้า × 4 = 4 คลิป" = สินค้า 1 ชิ้น = วิดีโอ 4 คลิป
2. อัปโหลดรูปเรา ลากรูปมาวาง หรือคลิกเพื่อเลือก — เป็นรูปคนที่จะ "ล็อก" สินค้าในมือ
   ไม่มีรูป? → กด "ผ่าน — สร้างแบบไม่มีคน" ระบบจะสร้างแบบ object-only
3. กดสร้าง กด "OK · เริ่มสร้างวิดีโอ" (ปุ่มสีเขียวใหญ่) → ระบบจะ gen 4 คลิป แล้วส่งไปหน้า ประวัติ

แถบบน

1 สินค้า × 4 = 4 คลิป

ตัวบ่งชี้จำนวนงานที่จะถูกสร้าง

หิ้วงาน & ประวัติ

สลับไปหน้าประวัติ ดูงานค้างได้

โหมดเต็ม

สลับไปโหมดเต็ม

ติวงาน AI (มุมขวาล่าง)

ปุ่มลอย — เรียก AI ช่วยเหลือ

17 ประวัติการสร้าง (history.html)

งานที่ gen เสร็จ/กำลังทำ/ล้มเหลว จะอยู่ที่นี่

Tab ทั้ง 4

📜 ทั้งหมด (All)

ทุกงาน ไม่ว่าสถานะใด

✅ สำเร็จ (Completed)

งานที่ gen เสร็จแล้ว

⏳ กำลังทำ (In progress)

งานที่กำลัง render

⚠️ ล้มเหลว (Failed)

งานที่ error — มีปุ่ม retry ได้

Mobile

18 คู่มือมีเสียง (guide/index.html)

ในเว็บเองก็มีคู่มืออีกฉบับ — มี เสียงพากย์ 16 บท รวม 6:51 นาที

ทั้ง 16 บท

1. โหมดง่ายคืออะไร
2. ขั้นแรกสุด ตั้งค่าคีย์ API
3. หน้าแรก เลือกสินค้า
4. วิธีแบ่งหมวด
5. ผลการค้นหา
6. เลือกจากหมวดหมู่
7. เคลื่อนที่เลือกหมวดแล้ว
8. การคลิกสินค้า
9. หน้าต่างเครื่องมืออื่น อันดับฟิลเตอร์และเรียง
10. ขั้นที่สอง ใส่รูปเรา
11. หรือจะข้ามรูปก็ได้
12. ขั้นที่สาม กดสร้าง
13. ระบบจัดการบนคลาวด์สร้าง
14. ประวัติการเจน
15. เครื่องมืออื่น สำหรับคนที่อยากปรับแต่ง
16. สรุป

ตัวอย่างบทที่ 2 (ตั้งค่า API)

19 เคล็ดลับ & ข้อควรระวัง

โครงสร้าง URL ที่ safe

https://ttvip2.cutdee.com/final/catalog_easy.html
  ?cat=ยานยนต์และจักรยานยนต์
  &q=wax
  &sort=ai
  &ai=elite
  &vdo=1
  &fship=1
  &price_min=100
  &price_max=500
  &instance_boot=ttvip-final-20260911-r1

ทุก parameter ข้างบนเป็น optional ยกเว้น instance_boot

20 คำถามบ่อย

Q: กดการ์ดแล้วไม่มีอะไรเกิดขึ้น?

เช็ค popup blocker — Desktop เปิดเป็น tab ใหม่ ถ้า browser block popup จะเงียบ กดไอคอน popup ที่ address bar → "อนุญาต" → ลองใหม่

Q: search แล้วค้างที่ "กำลังค้นหา..."

ปกติ 6-7 วินาที ถ้านานกว่า 15 วินาที = network ในตู้ server มีปัญหา ลอง refresh (F5) แต่อย่า refresh ตอนกำลัง filter เพราะ state จะหาย

Q: API key ใส่แล้วแต่กดสร้างวิดีโอไม่ได้

เช็ค 3 ข้อ: (1) key ขึ้นต้นด้วย prefix ที่ถูกไหม (2) key หมดอายุหรือยัง (3) เปิด DevTools (F12) → Console → ดู error

Q: กด "ดูเพิ่ม" แล้วไม่มีอะไรเกิดขึ้น

แสดงว่าหมดแล้ว — ระบบจะโชว์ข้อความ "ครบแล้ว" แทนปุ่ม

Q: filter ซ้อนกันได้กี่ตัว?

AI tier 1 ตัว (เลือกได้ตัวเดียว) + flag 4 ตัว + range 4 ช่อง (min/max) = รวมสุดทึ่ง แต่ในทางปฏิบัติถ้ากรองแคบมากอาจไม่เหลือสินค้า

Q: ลบ history ทิ้งได้ไหม?

ได้ แต่ลบในแอปเท่านั้น ไม่มีปุ่ม delete บน web — เปิด DevTools → Application → IndexedDB ลบ key ce_history_* เอง (ถ้า developer)

Q: หน้านี้รองรับ browser อะไรบ้าง?

Chrome 120+ · Edge · Safari 17+ · Firefox 121+ · ไม่แนะนำ IE (ใช้ dialog element, sessionStorage scoped per release)

✓ สรุป

ใช้เวลาประมาณ 5 นาทีอ่านคู่มือนี้ + 3 นาทีเล่นเอง ก็จะคล่องแล้ว ถ้าติดอะไร เปิด DevTools (F12) → Console จะเห็น log ส่วนใหญ่บอกสาเหตุชัดเจน

เขียนโดย MiniMax Agent · 2026-10-10 · ขับเคลื่อนโดย Chromium 1243 headless · screenshot ทั้งหมด 38 รูปถ่ายจากเว็บจริง ttvip2.cutdee.com