เปลี่ยน Scenes ให้ได้ดั่งใจด้วย Vision Mixer for OBS Studio

หลายๆ คนช่วงนี้คงหาซื้อ Switcher กันมากขึ้น เนื่องจากการ Work Form Home ทำให้เราปรับเปลี่ยนการทำงานกันบางคนสอน Online ที่บ้าน จะซื้อ Webcam ก็หายาก Capture Card ก็ไม่มีสินค้า Switcher รุ่นที่ต้องการก็หมด ไม่เป็นไรครับ เรามาลองใช้ Vision Mixer เพื่อเป็น Switcher แก้ขัดกันไปก่อนครับ

พระเอกของเราที่ต้องใช้จะมี 2 ตัวครับ

  • WebSocket จะเป็นเทคโนโลยีที่ใช้ในการติดต่อสือสารระหว่าง Web server กับ Client แบบ Real Time Client จะทำงานที่ Port 4444 สามารถใช้งานได้ทั้ง Windows / MacOS / Linux นะครับ
  • Vision Mixer จะเป็น Switcher จำลองซึ่งทำงานบน Web base

การดาวน์โหลด Websocket

OBS-Websocket 4.8

https://github.com/Palakis/obs-websocket/releases/tag/4.8.0
เลือกให้ตรงกับระบบปฏิบัติการของท่านนะครับ

การติดตั้ง Websocket

ดับเบิ้ลคลิกไฟล์ obs-websocket-4.8.0-Windows-Installer.exe ติดตั้งตามขั้นตอนเลยนะครับ

การตั้งค่า OBS Studio

เปิดโปรแกรม OBS ขึ้นมา ไปที่เมนู Tools > Websocket Server Setting

  • เปิดใช้งาน Websocket : ติ๊กถูกที่ช่อง Enable Websocket Server
  • ตั้งค่าความปลอดภัย : ติ๊กถูกที่ช่อง Enable Authentication
    – ใส่รหัสผ่านในช่อง Password Ex. 123456789
  • กด OK

ตั้งค่า Scenes และ Source ให้เรียบร้อย ตัวอย่างของผมจะมีอยู่ 4 Scenes

  • CAM1 : แสดงภาพของจากกล่องตัวที่ 1
  • CAM2 : แสดงภาพของจากกล่องตัวที่ 2
  • Media : แสดงรูปภาพหรือวีดิโอต่างๆ
  • PiP : แสดง Powerpoint และกล้อง Webcam ที่ส่องหน้าผม

เพื่อความสะดวกในการสลับ Scenes เราจะอาจจะเปิด Multiview ขึ้นมาดูด้วยก็ได้นะครับ

เชื่อมต่อ Vision Mixer กับ OBS

เปิด Browser บน Notebook หรือ IPad โดยให้อยู่ใน Network เดียวกันกับเครื่อง OBS

เข้าเว็บไซต์

http://illusdidi.000webhostapp.com/webtv/websocket/obs_studio/

ใส่ข้อมูลการเชื่อมต่อ Websocket Server

  • IP Address : 192.168.1.105 (ไอพีให้ใส่เป็นไอพีเครื่อง OBS ของท่านนะครับ)
  • Port : 4444
  • Password : 123456789
  • กด Connect to OBS

หน้าตา Vision Mixer จะเห็นว่าแต่ละปุ่มแสดงชื่อตาม Scenes เราที่ตั้งไว้ใน OBS

เสร็จเรียบร้อยครับ สำหรับ Switcher แก้ขัดระหว่างรอสินค้า Switcher ของจริง