BROADCAST · 8 OCT 2026
กราฟิกถ่ายทอดสดผ่านเว็บ
จาก Preview สู่ภาพจริง
Lower Third, ภาพประกบคู่, คู่ถัดไป, ผล, ป้ายยก และชุดชื่อ/โลโก้ ใช้ข้อมูล Published จาก FightOS หน้า Output มีพื้นหลังโปร่งใส OBS เป็นปลายทางที่มีขั้นตอนเชื่อมต่อในชุดนี้ ปลายทางเว็บอื่นต้องทดสอบความเข้ากันได้ก่อนใช้จริง
1. ติดตั้งตัวรับบนเครื่องปลายทาง
ชุดนี้มีโปรแกรมตัวรับและหน้าควบคุม ไม่ได้ติดตั้ง OBS หรือ Node ให้ ใช้ Node.js 22 ขึ้นไป แตก ZIP ทั้งโฟลเดอร์ไว้บนเครื่อง OBS ห้ามเปิด Start จากภายใน ZIP
- Mac เปิด
Start.command; Windows เปิดStart.bat - เปิดหน้าต่างโปรแกรมค้างไว้ ตัวรับใช้
127.0.0.1:4318ในเครื่องนี้ - เปิด FightOS พื้นที่ทีมในเบราว์เซอร์ของเครื่องเดียวกัน เลือกรายการ → “ถ่ายทอดสด” → “เชื่อมต่อ OBS” แล้วอนุญาตป๊อปอัป
- เปิดหน้าต่างเชื่อมต่อค้างไว้ รอสถานะยืนยันการรับข้อมูล ไม่ถือว่ากดปุ่มแล้วเชื่อมสำเร็จทันที
ถ้าไม่ได้เปิดพื้นที่ทีมบนเครื่อง OBS ให้ดาวน์โหลดข้อมูล Broadcast ของฉบับยืนยันเป็น .fightosbroadcast ย้ายไฟล์ไปเครื่อง OBS แล้วเปิดในตัวรับ กรณีนี้ไม่มีช่องทางบันทึกผลกลับ Core ผ่านพื้นที่ทีมที่เชื่อมอยู่
URL loopback ใช้ในเครื่องเดียว ไม่ใช่บริการ Output ออนไลน์หรือ URL สำหรับส่งไปเครื่องคนละเครื่อง
2. ซ้อมได้ก่อนติดตั้ง
ในพื้นที่ทีม บันทึกข้อมูลและ “ตรวจและยืนยัน” → เปิด “ถ่ายทอดสด” ฉบับยืนยันจะเข้าห้องซ้อมบนเว็บอัตโนมัติ ไม่ต้องดาวน์โหลดและเปิดไฟล์ซ้ำ หากยังไม่มีฉบับยืนยันล่าสุด ให้กลับไปตรวจข้อมูลก่อน
เลือกคู่เริ่ม → “เตรียมคิวแรก” → ตรวจ Preview → TAKE ฝึก NEXT และ Bubble ได้ หน้าซ้อมมี “ภาพออก / วิธีใช้” และ “ไปห้องควบคุม →” สำหรับกลับโต๊ะควบคุม การซ้อมไม่ยืนยันว่าเห็นภาพบน OBS จริง
3. ยืนยันภาพใน OBS ก่อนใช้งานจริง
- ในโหมดเชื่อมตัวรับ เปิด “ภาพออก / วิธีใช้” คัดลอก URL “Browser Source · รวมกราฟิกทั้งหมด” ของรายการนี้
- เพิ่ม Browser Source ใน OBS กว้าง 1920 สูง 1080 วางเหนือภาพกล้อง และปิดตัวเลือก Shutdown source when not visible
- ก่อนเริ่มรายการ ใช้ “ส่งภาพทดสอบ” หรือ “แสดงจอรอ” ตรวจภาพจริงและขนาด สองปุ่มนี้เปลี่ยน Program และหยุด Run จึงไม่ควรกดแทรกระหว่างออกอากาศ
- ติ๊ก “ฉันเห็นภาพ FIGHTOS ใน OBS จริงแล้ว และขนาดถูกต้อง” แล้วกด “ยืนยันภาพ · กลับห้องควบคุม”
- เลือกคู่ → “เตรียมคิวแรก” → ตรวจ Preview → TAKE แล้วดูภาพใน Program ของ OBS อีกครั้ง
สถานะเว็บและการเชื่อมสำเร็จไม่ใช่หลักฐานว่าภาพเข้า OBS การตั้งค่านี้ต้องตรวจด้วยคนบนเครื่องปลายทาง
4. ข้อมูลฉบับใหม่ไม่ทับภาพทันที
เมื่อได้รับข้อมูลใหม่หรือเปิดไฟล์ใหม่ ระบบพักไว้เป็น candidate ตรวจรายการ snapshot และข้อมูลก่อนกด “ยืนยันใช้ข้อมูลฉบับนี้” การยืนยันเลือกข้อมูลสำหรับตัวรับ หยุด Run/ลูปสปอนเซอร์เดิม แต่เก็บภาพ Program ที่ออกอยู่ไว้ ต้องเตรียม Preview และ TAKE จึงเปลี่ยนภาพ
ถ้ามีข้อมูลเดิมอยู่แล้ว อย่าถือว่าตัวรับเปลี่ยนตาม Published ล่าสุดโดยอัตโนมัติ ตรวจสถานะและฉบับที่กำลังใช้เสมอ การยืนยัน candidate ไม่ใช่การบันทึกหรือ Publish ใน Core
5. ควบคุมคิวและภาพออก
- เลือกการ์ดหรือ NEXT ตามโหมดปกติเป็นการเตรียม Preview; TAKE ส่ง Preview ไป Program
- โหมด NEXT → LIVE ส่งภาพทันที ใช้เฉพาะเมื่อเปิดโหมดนี้โดยตั้งใจและตรวจสัญญาณโหมดก่อนกด
- “BUBBLE · เหลือโลโก้” แทนกราฟิกหลัก/ป้ายยกด้วยโลโก้รายการ หยุดลูปสปอนเซอร์และเวลาคิวป้ายยก แต่คงคิว Run คู่ปัจจุบัน คู่ถัดไปและ Preview; TAKE กลับไปเดินคิวต่อ
- เลือกมุม Bubble ที่ “ภาพออก / วิธีใช้ → Bubble · โลโก้มุมจอ” ใช้กับการกด Bubble ครั้งต่อไป โลโก้ต้องมาจาก Published ที่ใช้อยู่; รีสตาร์ตกลับมุมขวาบน
- “ซ่อนและหยุดคิว” ใช้หยุดฉุกเฉินและหยุด Run ต่างจาก Bubble
บันทึกผลทางพื้นที่ทีมผ่าน Core แล้วตรวจ/ยืนยันฉบับใหม่ หรือใช้ช่องผลในโหมดที่เชื่อมพื้นที่ทีมและรองรับการบันทึกผลจริง กรณีซ้อมหรือเปิดตัวรับเดี่ยวไม่ใช่การบันทึกผลทางการ หากการบันทึกไม่ตอบกลับชัดเจน ให้ตรวจสถานะและลองคำขอเดิมตามข้อความระบบ อย่าสร้างผลซ้ำเพื่อแก้สถานะไม่แน่นอน
6. ชุดชื่อ โลโก้ และสปอนเซอร์
เปิด “โลโก้ / พิธีกร / ผู้บรรยาย / สปอนเซอร์ → แก้ชุดกราฟิก / เพิ่มชื่อและโลโก้” ในเวอร์ชันที่เผยแพร่ ปุ่ม “ดาวน์โหลดชุดกราฟิก” และ “เปิดไฟล์ชุดกราฟิก” อยู่ในส่วนแก้ไขนี้
- แก้ชื่อ/รูปแล้ว “บันทึกชุดกราฟิก” ก่อนใช้คิว
- ดาวน์โหลด Show JSON เพื่อสำรอง ชุดที่บันทึกแล้ว ไม่รวมร่างที่ยังแก้ไม่เสร็จ
- นำเข้าไฟล์ของรายการเดียวกัน ระบบเปิดเป็นร่างให้ตรวจแล้วกด “บันทึกชุดกราฟิก” การนำเข้าไม่ TAKE เอง
ได้ไม่เกิน 12 คิว รูปไม่เกิน 512 KiB ต่อรูป และรวมไม่เกิน 4 MiB ลูปสปอนเซอร์กำหนดช่วง 5–60 วินาทีตามลำดับที่บันทึก กดคิวด้วยมือเปลี่ยนภาพทันที; TAKE/Bubble และคำสั่งหยุดที่เกี่ยวข้องหยุดลูป ตรวจสถานะก่อนสั่ง
Show JSON ไม่ใช่สำรองทั้งรายการ ไม่เก็บตำแหน่ง Bubble คิว Run หรือภาพ Program ชุดกราฟิกอยู่ใน session ตัวรับ ต้องสำรองก่อนปิดหรือรีสตาร์ต
7. แก้ปัญหาและเปลี่ยนชุดดาวน์โหลด
| อาการ | ทำอย่างไร |
|---|---|
| เชื่อมไม่ได้ | Start ยังเปิด → Node 22+ → เว็บและ OBS เครื่องเดียวกัน → อนุญาตป๊อปอัป → ตรวจสถานะตัวรับ |
| พอร์ตใช้อยู่ | ตรวจตัวรับเดิมก่อน อย่าเปิด Start หลายชุดหรือปิดตัวรับที่ยังออกอากาศ |
| OBS ไม่เห็นภาพ | URL ของรายการ/session ถูกต้อง → ขนาดและลำดับ Source → ตัวรับยังเปิด → ยืนยันภาพด้วยสายตา อย่าใช้ปุ่มทดสอบระหว่างงานจริงโดยไม่ประสาน |
| ข้อมูล/ภาพยังเก่า | Published ล่าสุด → candidate รับแล้ว → ยืนยันใช้ฉบับนี้ → Preview ถูกต้อง → TAKE; Program เก่าถูกเก็บไว้โดยตั้งใจ |
| Bubble ใช้ไม่ได้ | ฉบับยืนยันมีโลโก้ และตัวรับรองรับ fightos-corner-logo-v1; เตรียมการอัปเดตก่อนงาน |
อัปเดตอย่างมีจุดกลับ
- ประสานทีมให้พ้นช่วงออกอากาศ เก็บ ZIP เดิมและดาวน์โหลด .fightosbroadcast ล่าสุด
- บันทึกแล้วส่งออก Show JSON จดคู่/คิวและตรวจข้อมูลที่กำลังใช้
- แตกชุดใหม่คนละโฟลเดอร์ ปิดตัวรับเดิมเมื่อพร้อมแล้วเปิดชุดใหม่
- เชื่อมพื้นที่ทีม/เปิดข้อมูลใหม่ → ยืนยัน candidate → นำเข้าและบันทึก Show → ตรวจภาพ OBS → เตรียมคิวแรก → TAKE
รีสตาร์ตทำให้ภาพเริ่มซ่อนและคิวหยุด ชุดกราฟิก/Run/ตำแหน่ง Bubble ไม่ถูกกู้ให้อัตโนมัติ หากชุดใหม่มีปัญหา ใช้ชุดเดิมและไฟล์สำรองตามขั้นตอนเดียวกัน คู่มือนี้ไม่สั่งรีสตาร์ตตัวรับที่กำลังใช้อยู่