webrtc:web real-time communication,網頁即時通信,是一個支持網頁瀏覽器進行實時語音對話或視頻對話(簡單的說,就是在web瀏覽器里面引入實時通信,包括音視頻通話等)的API(Native C++ API,web API)。谷歌開源,屬於W3C推薦標准。支持跨平台(windows、linux、mac、android)。
1. webrtc接口測試工具
1.1 簡述
在Chrome的地址欄中輸入chrome://webrtc-internals這個命令,通過跟蹤RTCPeerConnections,就會展示出有webrtc相關功能被啟用的網頁,以及通話過程中產生的統計數據。
1.2 使用
- 下載chrome瀏覽器
- 用chrome瀏覽器打開網頁:chrome://webrtc-internals/。此時是沒有任何數據的

-
打開一個遵循webrtc協議的網頁(https://webdemo.agora.io/agora_webrtc_troubleshooting/)
-
點擊webrtc協議網頁的START,開始測試。
如下:正在試圖獲取microphone,對應的webrtc協議數據測試頁面如下,GetUserMedia Request

兼容工具頁面會檢測屏幕分辨率等信息,webrtc協議數據測試頁面會顯示對應的分辨率等數據


RTCPeerConnection音頻和視頻數據通信:兼容工具頁面會發送音視頻文件數據,webrtc協議數據測試會顯示對應的參數變化


結果解析:分為如下三部分描述:

自頂而下觀察這幅圖,我們將這個圖分為3個部分來說明:
- 第一個部分,也就是綠線的上方(圖的頂部)有兩個方塊,第一個方塊展示的是PeerConnection的相關信息,如果有多個PeerConnection的話,那么就會有多個類似的標簽頁
- 第二個部分,在圖中標示的Time和Event區域(圖的上方偏左側),這個部分主要描述的是PeerConnection建立的流程,相關方法調用的次序以及調用的時間
- 第三個部分,在圖中標示的Stats Tables部分(圖的右側以及下半部分),這個部分主要展示的是PeerConnection相關的統計數據,而我們所要說明的就是就是音頻以及視頻流的統計信息,如下圖所示,發送接收數據的frame的情況,發送的byte數等


2. 驗證webrtc兼容性小工具
2.1 簡述
運行於PC端瀏覽器和手機端瀏覽器,可以自動檢測設備瀏覽器是否能正常運行 WebRTC 應用。可檢測的項目包括:瀏覽器兼容性;麥克風錄音是否正常;揚聲器播放是否正常;目前設備可支持哪些分辨率;網絡連接及當前網絡下的音視頻碼率、丟包率;攝像頭(用戶可選)等
2.2使用
使用PC端瀏覽器(或手機端瀏覽器)打開如下鏈接,並按照指引操作即可。https://webdemo.agora.io/agora_webrtc_troubleshooting/


此文檔轉載加匯總
