คู่มือผู้ใช้ของเครื่องมือตรวจสอบ WebRTC

ภาพรวม

เครื่องมือตรวจสอบ WebRTC เป็นเครื่องมือบนเว็บที่มีไว้เพื่อจำลองโปรแกรมเล่น WebRTC ที่มีอยู่ในจออัจฉริยะของ Google ด้วย Google Assistant เว็บแอปพลิเคชันนี้ใช้ประโยชน์จาก WebRTC API ที่มีให้ใช้งานในเบราว์เซอร์สมัยใหม่ กล่าวโดยละเอียดคือ เครื่องมือตรวจสอบ WebRTC คือ Peer ของ WebRTC ที่คุณสตรีมจากหรือไปยังได้

ไปที่เครื่องมือตรวจสอบ WebRTC

รูปภาพภาพรวมของเครื่องมือตรวจสอบ WebRTC

ปรับแต่งเซิร์ฟเวอร์ STUN/TURN

เครื่องมือตรวจสอบ WebRTC จะใช้เซิร์ฟเวอร์ STUN ของ Google โดยค่าเริ่มต้น เครื่องมือตรวจสอบ WebRTC สามารถใช้เซิร์ฟเวอร์ STUN/TURN ที่ผู้ใช้กำหนดได้

ช่องการเลือกเซิร์ฟเวอร์ STUN/TURN

การเพิ่มเซิร์ฟเวอร์ STUN/TURN

  1. วางที่อยู่ของเซิร์ฟเวอร์ STUN หรือ TURN ในกล่องข้อความ STUN หรือ TURN URI ตรวจสอบว่ารูปแบบ URI อยู่ในรูปแบบต่อไปนี้ scheme:host:[port] โดยค่าเริ่มต้น เครื่องมือจะใช้ stun:stun.l.google.com:19302
  2. (ไม่บังคับ) หากใช้เซิร์ฟเวอร์ TURN คุณจะต้องป้อนข้อมูลเข้าสู่ระบบในกล่องข้อความชื่อผู้ใช้ TURN และรหัสผ่าน TURN
  3. คลิกเพิ่มเซิร์ฟเวอร์เพื่อเพิ่มรายละเอียดเซิร์ฟเวอร์ลงในเครื่องมือ

ระบบจะใช้เซิร์ฟเวอร์ STUN/TURN ตามลำดับที่ปรากฏในรายการ

การนำเซิร์ฟเวอร์ STUN/TURN ออก

  1. เลือกเซิร์ฟเวอร์ STUN/TURN ที่ต้องการนำออก
  2. คลิกนําเซิร์ฟเวอร์ออก

เครื่องมือจะใช้ stun:stun.l.google.com:19302 หากไม่ได้ระบุเซิร์ฟเวอร์ STUN/TURN อื่น

เปิด/ปิดการส่งเสียง

  1. โดยค่าเริ่มต้น เครื่องมือนี้จะส่งเสียงเป็นส่วนหนึ่งของสตรีม WebRTC หากต้องการปิดใช้การส่งเสียง ให้ยกเลิกการเลือกช่องทำเครื่องหมายเปิดใช้เสียง
ช่องทำเครื่องหมายเสียง

ปุ่ม "ส่ง"

เมื่อยืนยันเซิร์ฟเวอร์ STUN/TURN และค่ากําหนดเสียงแล้ว ให้คลิกส่ง

ปุ่ม "ส่ง"
กล่องโต้ตอบสิทธิ์เข้าถึงกล้อง

อินพุตวิดีโอจากเว็บแคมจะแสดงในองค์ประกอบวิดีโอในเครื่อง

สร้าง SDP ของข้อเสนอ

  1. คลิกสร้าง SDP ของข้อเสนอเพื่อสร้าง SDP ของข้อเสนอ JSON ของข้อเสนอจะได้รับการรูปแบบดังนี้
    {
    "action": "offer",
    "sdp": "o=- 4611731400430051336 2 IN IP4 127.0.0.1..."
    }
    

2. ตอนนี้คุณส่ง SDP ของข้อเสนอไปยังคู่สนทนา WebRTC ได้แล้ว ซึ่งอาจเป็นตัวแทน WebRTC ของสมาร์ทโฮม Google หรือเครื่องมือตรวจสอบ WebRTC ที่ทำงานในเบราว์เซอร์อื่น

ส่ง SDP ของคำตอบ

  1. วาง Answer JSON ในกล่องข้อความ Answer SDP แล้วคลิกส่ง Answer SDP JSON ของคำตอบต้องอยู่ในรูปแบบต่อไปนี้

    {
    "action": "answer",
    "sdp": "o=- 4611731400430051336 2 IN IP4 127.0.0.1..."
    }
    
  2. หาก SDP ของคำตอบถูกต้อง วิดีโอ (และเสียง) จากแหล่งที่มาระยะไกลจะปรากฏในองค์ประกอบวิดีโอระยะไกล

การแก้ไขข้อบกพร่องของ WebRTC

ขอแนะนําอย่างยิ่งให้ใช้เครื่องมือตรวจสอบ WebRTC กับเบราว์เซอร์ Chrome (เวอร์ชัน 87 ขึ้นไป) เครื่องมือภายในเบราว์เซอร์ Chrome จะช่วยแก้ไขข้อบกพร่องสตรีม WebRTC ได้

หน้า Webrtc-Internals

  1. เปิดแท็บใหม่ในเบราว์เซอร์ Chrome
  2. โปรดไปที่ที่อยู่ chrome://webrtc-internals
หน้าต่างตรวจสอบ WebRTC

หน้านี้จะแสดงการเชื่อมต่อ WebRTC ที่ใช้งานอยู่ทั้งหมด สถิติและเมตริกที่สร้างขึ้นในหน้านี้รวบรวมมาจาก getStats() API

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome

เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ยังช่วยแก้ปัญหาเกี่ยวกับสตรีม WebRTC ได้ด้วย เราขอแนะนำให้เปิดคอนโซลก่อนใช้เครื่องมือตรวจสอบ WebRTC