1灵巧、打開(kāi)調(diào)試工具
打開(kāi)Chrome瀏覽器窥摄,在地址欄輸入chrome://webrtc-internals/即可打開(kāi)調(diào)試工具块饺,如下圖所示
Edge 83及以上版本已采用Chromium作為內(nèi)核,在Edge瀏覽器上也可以在地址欄輸入edge://webrtc-internals/打開(kāi)調(diào)試工具,如下圖所示
2咕痛、導(dǎo)出調(diào)試信息
若需要調(diào)試聲音簿姨,可以勾選 Enable diagnostic audio recordings
最后點(diǎn)擊 Download the PeerConnection updates and stats data 按鈕距误,下載相關(guān)的統(tǒng)計(jì)信息
3、切換獲取統(tǒng)計(jì)信息的方式
可以在Read Stats From處扁位,切換獲取統(tǒng)計(jì)信息的方式
一般使用默認(rèn)的選擇准潭,即通過(guò)標(biāo)準(zhǔn)API獲取即可
4、相關(guān)統(tǒng)計(jì)信息
4.1 獲取用戶媒體設(shè)備請(qǐng)求(GetUserMedia Request
)
如下圖所示域仇,點(diǎn)擊GetUserMedia Request字樣的區(qū)塊刑然,可以看到最近瀏覽器請(qǐng)求獲取用戶媒體設(shè)備權(quán)限的日志,可以看到每次請(qǐng)求獲取用戶媒體設(shè)備權(quán)限的時(shí)間暇务、來(lái)源URL及音視頻參數(shù)等信息
4.2 通道(RTCPeerConnection)列表
如下圖所示泼掠,除GetUserMedia Request外的其它區(qū)塊就是通道列表,每個(gè)區(qū)塊都是一個(gè)RTCPeerConnection通道垦细,可以通過(guò)點(diǎn)擊每個(gè)區(qū)塊查看每個(gè)通道的事件過(guò)程及統(tǒng)計(jì)信息择镇。
我們的應(yīng)用使用了4個(gè)通道,可以從上圖看到括改,他們依次是:
- 第一個(gè)主流發(fā)送通道
- 第二個(gè)主流接收通道
- 第三個(gè)輔流發(fā)送通道
- 第四個(gè)輔流接收通道
4.3 查看每個(gè)通道(RTCPeerConnection
)的信息
4.3.1 查看事件信息
下圖所示腻豌,每個(gè)通道都有Stats Tables統(tǒng)計(jì)信息,每個(gè)信息都可以展開(kāi)查看詳細(xì)內(nèi)容嘱能,分為兩部分:
統(tǒng)計(jì)數(shù)據(jù)
統(tǒng)計(jì)圖表(Stats graphs for ... 字樣開(kāi)頭的信息)
4.3.3 統(tǒng)計(jì)數(shù)據(jù)說(shuō)明(樣例)
RTCPeerConnection (peer-connection)
RTCTransport_0_1 (transport)
RTCCertificate_XXX (certificate)
RTCIceCandidatePair_XXX (candidate-pair)
RTCIceCandidate_XXX (remote-candidate)
RTCIceCandidate_XXX (local-candidate)
RTCAudioSource_XXX (media-source)
RTCVideoSource_XXX (media-source)
RTCMediaStream_XXX (stream)
RTCOutboundRTPAudioStream_XXX (outbound-rtp)
RTCOutboundRTPVideoStream_XXX (outbound-rtp)
RTCInboundRTPAudioStream_XXX (inbound-rtp)