Chrome调试工具webrtc-internals

1、打开调试工具

打开Chrome浏览器，在地址栏输入chrome://webrtc-internals/即可打开调试工具，如下图所示

Edge 83及以上版本已采用Chromium作为内核，在Edge浏览器上也可以在地址栏输入edge://webrtc-internals/打开调试工具，如下图所示
image.png

2、导出调试信息

若需要调试声音，可以勾选 Enable diagnostic audio recordings
最后点击 Download the PeerConnection updates and stats data 按钮，下载相关的统计信息

3、切换获取统计信息的方式

可以在Read Stats From处，切换获取统计信息的方式

image.png

一般使用默认的选择，即通过标准API获取即可

4、相关统计信息

4.1 获取用户媒体设备请求(GetUserMedia Request)

如下图所示，点击GetUserMedia Request字样的区块，可以看到最近浏览器请求获取用户媒体设备权限的日志，可以看到每次请求获取用户媒体设备权限的时间、来源URL及音视频参数等信息

4.2 通道（RTCPeerConnection）列表

如下图所示，除GetUserMedia Request外的其它区块就是通道列表，每个区块都是一个RTCPeerConnection通道，可以通过点击每个区块查看每个通道的事件过程及统计信息。

我们的应用使用了4个通道，可以从上图看到，他们依次是：

• 第一个主流发送通道
• 第二个主流接收通道
• 第三个辅流发送通道
• 第四个辅流接收通道

4.3 查看每个通道（RTCPeerConnection）的信息

4.3.1 查看事件信息

下图所示，每个通道都有Stats Tables统计信息，每个信息都可以展开查看详细内容，分为两部分：
统计数据
统计图表（Stats graphs for ... 字样开头的信息）

4.3.3 统计数据说明（样例）

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)


image.png
image.png
image.png

4.4 统计信息关系图