3 HTML躬行記——WebRTC視頻通話( 三 )

然后在 then() 方法中 , 讓 localVideo 接收音視頻流,并且將 Track 與 RTCPeerConnection 綁定 。
這一步很關鍵,沒有這一步就無法將音視頻流推給遠端 。
然后創建 Offer 類型的 SDP 信息,配置本地描述,并通過信令服務器發送給遠端 。
接著可以在兩個瀏覽器(例如 Chrome 和 Edge)中分別訪問 http://localhost:1234,在一個瀏覽器中點擊開播,如下圖所示 。

3 HTML躬行記——WebRTC視頻通話

文章插圖
在另一個瀏覽器的 remoteVideo 中,就可以看到推送過來的畫面 。
3 HTML躬行記——WebRTC視頻通話

文章插圖
下面用一張時序圖來完整的描述整個連接過程,具體內容不再贅述 。
3 HTML躬行記——WebRTC視頻通話

文章插圖
參考資料:
What is WebRTC and How to Setup STUN/TURN Server for WebRTC Communication?
WebRTC音視頻傳輸基?。篘AT穿透
【3 HTML躬行記——WebRTC視頻通話】

推薦閱讀