Case 05 / 09

แพลตฟอร์มสตรีมมิงวิดีโอด้วย AI

บริการสตรีมมิงวิดีโอแบบ serverless ทั้งระบบบน Cloudflare edge — แปลอัตโนมัติด้วย AI 10 ภาษา และชำระค่าสมาชิกด้วยคริปโต สร้างคนเดียวด้วย AI

ใช้งานจริง

2026.09 – 2026.10 (~3 สัปดาห์ จากวันที่ของไฟล์ — ไม่มี git) / คนเดียว (AI เป็นทีม) / Web (serverless)

ปัญหา: คนคนเดียวจะบริหารบริการสตรีมมิงวิดีโอระดับโลก — การเล่นวิดีโอ ค่าสมาชิก หลายภาษา — โดยไม่มีเซิร์ฟเวอร์ได้ไหม?
บทบาทของผม: วางแผน · กำหนดมาตรฐาน · กำกับ AI ให้สร้าง · ดีพลอย
เทคสแต็ก: Cloudflare Workers · Hono · D1 · R2 · Workers Rate Limiting

ผลลัพธ์

รันบน Cloudflare Workers — ไม่มีเซิร์ฟเวอร์ให้ดูแล: ใช้งานจริง; รันบน Cloudflare Workers — ไม่มีเซิร์ฟเวอร์ให้ดูแล
UI หลายภาษา พร้อมชื่อวิดีโอที่ AI แปลให้อัตโนมัติ: 10 ภาษา; UI หลายภาษา พร้อมชื่อวิดีโอที่ AI แปลให้อัตโนมัติ
ชำระค่าสมาชิกโดยตรวจสอบบนเชน (on-chain): คริปโต; ชำระค่าสมาชิกโดยตรวจสอบบนเชน (on-chain)

บรรทัดโค้ด, DB migration 39 ชุด, ~70 เวอร์ชัน: ~11,300; บรรทัดโค้ด, DB migration 39 ชุด, ~70 เวอร์ชัน

ที่อยู่เว็บไซต์จริงและคอนเทนต์จริงตั้งใจเก็บไว้เป็นความลับ ภาพหน้าจอเป็น UI จริงที่รันบนเครื่องด้วยข้อมูลตัวอย่าง (ชื่อเว็บไซต์และชื่อวิดีโอเป็นตัวอย่าง และวิดีโอเป็นผลงาน AI ของผมเอง)

ไอเดีย / ปัญหา

คนคนเดียวจะบริหารบริการสตรีมมิงวิดีโอระดับโลก — เล่นวิดีโอได้เร็ว มีค่าสมาชิกแบบเสียเงิน รองรับหลายภาษา — โดยไม่ต้องดูแลเซิร์ฟเวอร์แม้แต่ตัวเดียวได้ไหม? เป้าหมายคือทำทุกอย่างบน edge (จุดเครือข่ายที่อยู่ใกล้ผู้ชม) เพื่อไม่ต้องคอยแพตช์ ขยายระบบ หรือดูแลให้เซิร์ฟเวอร์ทำงานตลอดเวลา

แผนและมาตรฐานที่ผมกำหนด

ไม่มีเซิร์ฟเวอร์: การประมวลผล ฐานข้อมูล ที่เก็บสื่อ การจำกัดอัตราการเรียก และการแปลด้วย AI อยู่บน Cloudflare ทั้งหมด
การชำระเงินต้อง ตรวจสอบจริง ไม่ใช่แค่เชื่อ — สมาชิกภาพจะเปิดใช้งานก็ต่อเมื่อยืนยันการชำระเงินได้อย่างเป็นอิสระแล้วเท่านั้น
ผู้ชมทุกคนเห็นบริการเป็นภาษาของตัวเอง รวมถึงชื่อวิดีโอ โดยไม่ต้องแปลด้วยมือ

การกำกับ AI

แบ่งงานเป็นการส่งวิดีโอ การชำระเงิน การรองรับหลายภาษา และความปลอดภัย แล้วให้ AI สร้างแต่ละส่วนตามกฎที่เขียนไว้
บันทึก README ต่อเนื่องว่าแต่ละเวอร์ชันเปลี่ยนอะไรและเพราะอะไร — ราว 70 เวอร์ชันใน ~3 สัปดาห์
ทำการดีพลอยให้เป็นอัตโนมัติด้วยสคริปต์ idempotent ตัวเดียว เพื่อให้การปล่อยเวอร์ชันเหลือแค่คำสั่งเดียว

ผลลัพธ์

ใช้งานจริง บน Cloudflare Workers + D1 (ฐานข้อมูล) + R2 (สื่อ) + Workers Rate Limiting + Workers AI
10 ภาษา โดย Workers AI แปลชื่อวิดีโอให้อัตโนมัติ
ค่าสมาชิกด้วยคริปโต: ตรวจการชำระเงินเทียบกับบันทึกบนบล็อกเชนและป้องกันการใช้ซ้ำ ตรวจลายเซ็น webhook ของผู้ให้บริการ และจำกัดหนึ่งอุปกรณ์ที่ใช้งานต่อหนึ่งสมาชิก
สตรีมวิดีโอแบบ byte-range จาก object storage บวกแคชที่ edge
TypeScript ~11,300 บรรทัด, migration ฐานข้อมูล 39 ชุด

มองย้อนกลับ

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

หน้าจอเพิ่มเติม · 6 ภาพ

แพลตฟอร์มสตรีมมิงวิดีโอด้วย AI — หน้าเล่นวิดีโอ — หน้าเล่นวิดีโอ

แพลตฟอร์มสตรีมมิงวิดีโอด้วย AI — หมวดหมู่ — หมวดหมู่

แพลตฟอร์มสตรีมมิงวิดีโอด้วย AI — หน้าแรกบนเดสก์ท็อป — หน้าแรกบนเดสก์ท็อป

แพลตฟอร์มสตรีมมิงวิดีโอด้วย AI — หน้าเล่นวิดีโอบนเดสก์ท็อป — หน้าเล่นวิดีโอบนเดสก์ท็อป

UI จริงที่รันบนเครื่องด้วยข้อมูลตัวอย่าง — ชื่อเว็บไซต์ ชื่อวิดีโอ วิดีโอ และที่อยู่กระเป๋าเงินเป็นตัวอย่างทั้งหมด วิดีโอเป็นผลงาน AI ของผมเอง

(01) Review

Honest รีวิว

ถ้านักพัฒนาเป็นคนสร้าง

จุดแข็ง4

การชำระเงิน — ตรวจสอบจริง ไม่ใช่แค่เชื่อ
การชำระค่าสมาชิกด้วยคริปโตทุกรายการถูกตรวจเทียบกับบันทึกบนบล็อกเชนและนำกลับมาใช้ซ้ำไม่ได้ ส่วน webhook จากผู้ให้บริการชำระเงินมีการตรวจลายเซ็น
ความปลอดภัยพื้นฐาน — สม่ำเสมอ
เซสชันแอดมินแบบมีลายเซ็นพร้อมคุกกี้แบบเข้มงวด ล็อกบัญชีเมื่อล็อกอินผิดซ้ำ security header ทุก SQL query ใช้พารามิเตอร์ (217 จุด) และกฎ rate limit 6 ข้อ
ประสิทธิภาพ — ส่งวิดีโอจาก edge เป็นหลัก
สตรีมวิดีโอแบบ byte-range จาก object storage และแคชที่ edge จึงไม่ต้องมี origin server
ความเร็วและเอกสาร — ~3 สัปดาห์ 70 เวอร์ชัน อธิบายทุกการเปลี่ยนแปลง
~11,300 บรรทัดและ migration 39 ชุด README ยาว 651 บรรทัดบันทึกเหตุผลที่เปลี่ยนในแต่ละเวอร์ชัน วันที่มาจาก timestamp ของไฟล์ (ไม่มี git) ถือเป็นค่าต่ำสุด

เทียบเท่า3

สถาปัตยกรรม — แอป Workers แบบ 3 ชั้นมาตรฐาน
แยกตรรกะโดเมน / view / router และยังมีไฟล์ route ขนาดใหญ่เหลืออยู่สองสามไฟล์
การเปิดตัวและการดูแลระบบ — ดีพลอยด้วยคำสั่งเดียว
สคริปต์ดีพลอยสร้าง storage รัน migration ดีพลอย และตั้งค่าลับแบบ idempotent — เป็นอัตโนมัติ แต่ยังไม่ใช่ CI
การรองรับหลายภาษา — 10 ภาษา
พจนานุกรม 10 ภาษา บวกชื่อวิดีโอที่ AI แปลอัตโนมัติ การเข้าถึงอยู่ในระดับพื้นฐาน

ขั้นต่อไป (กำลังเติมเต็ม)3

การทดสอบและการควบคุมเวอร์ชัน — ไม่มีการทดสอบ ไม่มี git
สำรองข้อมูลเป็นไฟล์ ZIP แยกตามเวอร์ชัน
วางแผน → ย้ายไป Git repo แบบส่วนตัว จากนั้นทดสอบการตรวจสอบการชำระเงิน และทำ CI ที่รันการตรวจ type ที่มีอยู่แล้วด้วย
ความสม่ำเสมอของโค้ด — มีไฟล์ขนาด 2,000 บรรทัดอยู่บ้าง
มีไฟล์ยาวเกิน 500 บรรทัด 5 ไฟล์ บางจุดไม่ระบุ type และมีไฟล์ชั่วคราวหลงเหลือ
วางแผน → แยกตามโดเมนและเก็บกวาดไปพร้อมกับการย้ายไป Git
การมอนิเตอร์ — มองเห็นสถานะใน production ได้น้อย
มี log น้อยมาก และไม่มีขั้นตอนสำรองข้อมูลหรือ rollback
วางแผน → เพิ่มการติดตามข้อผิดพลาด การสำรอง DB ตามรอบ และขั้นตอน rollback เข้าไปในสคริปต์ดีพลอย

โปรเจกต์ถัดไป →

Money Navigation

แอปที่ช่วยให้นักเดินทางเสียเงินน้อยลงทุกครั้งที่จ่ายเงินในต่างประเทศ — ทำเสร็จในแฮกกาธอน 48 ชั่วโมงด้วยการกำกับ AI หลายเซสชัน

ดูกรณีศึกษา