คู่มือใช้งาน

ตั้งค่าใน OBS

1. 1สมัครสมาชิก และเข้าสู่ระบบ แล้วเปิดหน้าควบคุมของโมดูลที่ต้องการใช้ (เช่น /studio/nametag)
2. 2เลื่อนลงไปที่ช่อง “OBS Browser Source URL” แล้วกด “คัดลอกลิงก์” — ลิงก์นี้มีโทเค็นเฉพาะบัญชีของคุณ อย่าแชร์ให้คนอื่น
3. 3ใน OBS: Sources → + → Browser แล้ววาง URL ที่คัดลอกไว้ในช่อง URL
4. 4ตั้ง Width/Height เท่ากับขนาด canvas ของคุณ เช่น 1920×1080
5. 5ติ๊ก “Shutdown source when not visible” ออก (ไม่ติ๊ก) — ไม่งั้น overlay จะหลุดการเชื่อมต่อทุกครั้งที่สลับซีน
6. 6ไม่ต้องตั้งค่า chroma key ใดๆ — พื้นหลังโปร่งใสอยู่แล้ว

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

ควบคุมจากใน OBS เลย (Custom Browser Dock)

นอกจาก Browser Source ที่แสดง overlay แล้ว ยังปักหมุดแผงควบคุมย่อไว้ใน OBS Studio เองได้ สั่ง Play/Hide โดยไม่ต้องสลับไปเบราว์เซอร์แยก

1. 1เข้าสู่ระบบแล้วไปหน้าแรก คัดลอกลิงก์จากช่อง “OBS Custom Browser Dock”
2. 2ใน OBS: Docks → Custom Browser Docks... ตั้งชื่ออะไรก็ได้ แล้ววาง URL ที่คัดลอกไว้
3. 3กด Apply — แผงควบคุมจะปรากฏใน OBS ทันที ล็อกอินครั้งแรกแล้วจะจำไว้ ไม่ต้องล็อกอินซ้ำ

หลักการทำงาน

• • ทุกการเปลี่ยนแปลงจากหน้าควบคุม broadcast ผ่าน WebSocket ให้ overlay ทุกจอที่เปิดอยู่ทันที ไม่ต้องรีเฟรช
• • ข้อมูลถูกบันทึกอัตโนมัติ ปิด-เปิดเซิร์ฟเวอร์ใหม่ข้อมูลไม่หาย
• • นับถอยหลัง/จับเวลาคำนวณฝั่ง overlay เองจาก timestamp ไม่ใช่นับจากเซิร์ฟเวอร์ตรงๆ จึงลื่นไหลแม้เครือข่ายจะหน่วงบ้าง
• • แต่ละบัญชีมีข้อมูล ไฟล์อัปโหลด และโปรเจกต์แยกจากกันสมบูรณ์