Page 301 - Web性能权威指南

使用谷歌 Chrome 浏览器检测 WebRTC 连接状态

谷歌 Chrome 为检查任何 WebRTC 连接的工作流和状态提供了一个简单且非常有
用的工具。打开新标签页，加载 chrome://webrtc-internals。在这个标签页里，可以
检查所有打开的端到端连接（图 18-10），查看交换的 SDP 描述，以及更多。

图 18-10：通过 chrome://webrtc-internals 查看 WebRTC 连接状态

Chrome 还会报告每个流的一些统计数据，比如可用带宽、延迟、编码视频和音频
的比特率，等等。即便你不开发 WebRTC 应用， 只为了解 WebRTC 的工作原理，
你也可以与朋友或在多个浏览器窗口间开一个 WebRTC 会话，然后打开 chrome://
webrtc-internals，一目了然！确实是非常难得的一个好帮手。

18.4.6 完整的示例

前面介绍了很多基础知识，包括发信号、提议 - 应答工作流、通过 SDP 协商会话参
数，也深入探讨了 ICE 协议在建立端到端连接时的内部工作过程。最后，我们知道
了通过 WebRTC 初始化端到端连接的所有必要细节。

1. 初始化WebRTC连接
了解了所有基本知识之后，下面我们就来看一个初始化 WebRTC 连接的完整的
例子：

<video id="local_video" autoplay></video> ➊
<video id="remote_video" autoplay></video> ➋
<script>

WebRTC ｜ 291