WebRTC 驗證工具使用手冊

雲端對雲端

總覽

WebRTC 驗證工具是網頁式工具，旨在模擬 Google 智慧螢幕上提供的 WebRTC 播放器，並使用 Google Assistant。這個網頁應用程式會運用新式瀏覽器提供的 WebRTC API。一般來說，WebRTC 驗證工具是 WebRTC 對等互連，可讓您串流傳輸。

前往 WebRTC 驗證工具

WebRTC 驗證工具總覽圖片。

自訂 STUN/TURN 伺服器

WebRTC 驗證工具預設會使用 Google STUN 伺服器。WebRTC 驗證工具可以使用使用者定義的 STUN/TURN 伺服器。

STUN/TURN 伺服器選取方塊。

新增 STUN/TURN 伺服器

  1. 在「STUN or TURN URI」文字方塊中，輸入 STUN 或 TURN 伺服器的位址。請確認 URI 配置採用以下格式：scheme:host:[port]。根據預設，工具會使用 stun:stun.l.google.com:19302
  2. (選用) 如果您使用 TURN 伺服器，則必須在「TURN Username」(TURN 使用者名稱) 和「Turn Password」(TURN 密碼) 文字方塊中輸入憑證。
  3. 按一下「Add Server」，將伺服器詳細資料新增至工具。

系統會按照清單中的順序使用 STUN/TURN 伺服器。

移除 STUN/TURN 伺服器

  1. 選取要移除的 STUN/TURN 伺服器。
  2. 按一下「移除伺服器」。

如未指定其他 STUN/TURN 伺服器，這項工具會使用 stun:stun.l.google.com:19302。

啟用/停用傳送音訊

  1. 根據預設，這項工具會將音訊做為 WebRTC 串流的一部分傳送。如要停用音訊傳送功能，請取消勾選「Enable Audio」核取方塊。
音訊核取方塊

提交按鈕

確認 STUN/TURN 伺服器和音訊偏好設定後，按一下「Submit」(提交)。

提交按鈕
相機權限對話方塊

網路攝影機的視訊輸入內容會顯示在本機視訊元素中。

建立優惠 SDP

  1. 按一下「Create Offer SDP」，產生 Offer SDP。優惠 JSON 的格式如下：
    {
"action": "offer",
"sdp": "o=- 4611731400430051336 2 IN IP4 127.0.0.1..."
}

2. 提議 SDP 現在可以傳遞至 WebRTC 對等互連。這可能是 Google 智慧住宅 WebRTC 代理，或在其他瀏覽器上執行的 WebRTC 驗證工具。

提交答案 SDP

  1. 將應答 JSON 放入「Answer SDP」文字方塊，然後按一下「Submit Answer SDP」。Answer JSON 必須採用下列格式：

    {
"action": "answer",
"sdp": "o=- 4611731400430051336 2 IN IP4 127.0.0.1..."
}

  2. 如果 SDP 回覆有效，遠端來源的影片 (和音訊) 就會顯示在遠端影片元素中。

對 WebRTC 偵錯

強烈建議搭配 Chrome 瀏覽器 (87 版以上) 使用 WebRTC 驗證工具。Chrome 瀏覽器中的工具可協助偵錯 WebRTC 串流。

Webrtc-Internals 頁面

  1. 在 Chrome 瀏覽器中開啟新分頁
  2. 前往下列網址：chrome://webrtc-internals
WebRTC 檢查視窗

這個頁面會顯示所有進行中的有效 WebRTC 連線。本頁面產生的統計資料和指標是從 getStats() API 收集而來。

Chrome 開發人員工具

Chrome 開發人員工具也有助於排解 WebRTC 串流問題。強烈建議您先開啟控制台，再使用 WebRTC 驗證工具。