❓ วิธีเชื่อมต่อกับ OBS (กดเพื่อดู)
- เปิด OBS → เมนู Tools → WebSocket Server Settings → ติ๊ก Enable WebSocket server → กด Show Connect Info เพื่อดู Port (ปกติ 4455) และ Password
- หน้านี้คือ "แผงควบคุม" — ห้ามเพิ่มเป็น Browser Source ในซีน เพราะจะติดไปออกอากาศด้วย เลือกวิธีเปิดใช้งานตามที่ OBS อยู่:
- ✓ แนะนำ — เพิ่มเป็น Custom Browser Dock ใน OBS: Docks → Custom Browser Docks → ตั้งชื่อ แล้ววาง path ไฟล์ในเครื่อง (เช่น
file:///C:/path/to/rov-scoreboard/index.html) — เชื่อมต่อ ws:// ได้เสมอ ไม่ว่า OBS จะอยู่เครื่องเดียวกันหรือคนละเครื่องในวง LAN ก็ตาม เพราะเปิดจากไฟล์ ไม่ใช่ https - ใช้ลิงก์เว็บนี้ (https) ตรงๆ ได้เฉพาะกรณี OBS อยู่ "เครื่องเดียวกัน" กับเบราว์เซอร์ที่เปิดหน้านี้เท่านั้น และต้องใส่ URL เป็น
ws://127.0.0.1:4455(ใช้ IP ไม่ใช่คำว่า localhost) บน Chrome/Edge — ถ้า OBS อยู่อีกเครื่อง เบราว์เซอร์จะบล็อกการเชื่อมต่อเสมอ (mixed content) ต้องใช้วิธี Custom Browser Dock ด้านบนแทน
- ✓ แนะนำ — เพิ่มเป็น Custom Browser Dock ใน OBS: Docks → Custom Browser Docks → ตั้งชื่อ แล้ววาง path ไฟล์ในเครื่อง (เช่น
- ใส่ URL ตามข้อ 2 และ Password จากข้อ 1 ที่ช่องด้านบนของหน้านี้ แล้วกด Connect
- สร้าง Source ในซีนให้ตรงชื่อตามรายการด้านล่าง (Text GDI+ / Image Source) ก่อนกด Connect เพื่อให้ส่งค่าได้ครบ
BLUE TEAM
0
RED TEAM
0
Round (Enter = ขึ้นบรรทัด, Ctrl+Enter = ส่ง)
Best of
Game
Auto Ticker
● หยุด
OBS Source:
Text 1
วิ
Text 2
วิ
Text 3
วิ
Text 4
วิ
ตำแหน่งโฟลเดอร์รูปภาพ (Logo Folder Path)
ชื่อไฟล์ต้องตรงกับชื่อทีม เช่น TEAM A.png — ใช้กับ OBS Image Source: TeamA_Logo, TeamB_Logo
ข้อความ: ต้องตั้งชื่อ OBS Sources ให้ตรงกัน (GDI+ Text)
- ชื่อทีม: TeamA_Name, TeamB_Name
- คะแนน: TeamA_Score, TeamB_Score
- Round: Round_Text
- Best of: BestOf_Text
- Game: Game_Text
- Text 1–4: Text1_Info … Text4_Info
Logo: สร้าง Image Source ชื่อ TeamA_Logo และ TeamB_Logo
Log: Ready...