WebRTC 的 10 个步骤

以下 10 个步骤的步骤描述了 WebRTC API 的典型使用场景:

  1. 从本地设备(如麦克风、网络摄像头)创建一个 MediaStream 对象。
  2. 从本地 MediaStream 获取 URL Blob
  3. 使用获取的 URL Blob 进行本地预览
  4. 创建一个 RTCPeerConnection 对象
  5. 将本地流添加到新创建的连接
  6. 将你自己的会话描述发送到远程对等点 Send your own session description to the remote peer.
  7. 从您的对等方接收远程会话描述 Receive the remote session description from your peer.
  8. 处理收到的会话描述,并将远程流添加到您的 RTCPeerConnection
  9. 从远程流获取 URL Blob
  10. 使用获取的 URL Blob 播放远程对等方的音频和/或视频

我们将逐步完成上述步骤。 在本章的其余部分中,我们将涉及整个基于 WebRTC 的点对点通信生命周期的前三个阶段。 这意味着我们暂时将忘记远程对等方,而只专注于如何从浏览器中访问和使用本地音频和视频资源。 在执行此操作的同时,我们还将研究如何在限制条件下播放(例如,强制视频分辨率)。

::: danger WebRTC 支持的浏览器

在撰写本文时,WebRTC API 在 Chrome,Firefox 和 Opera 中可用。 本书中包含的所有示例均已使用这些浏览器进行了测试。 为了简洁起见(由于 Opera 和 Chrome 在实现 API 方面几乎完全相同),我们从现在开始只将 Chrome 和 Firefox 作为运行客户端平台的示例。

:::