使用 PeerJS 构建一个连接到互联网的电话

WebRTC 的主要问题之一是它在使用和开发时相当复杂——处理信令服务和知道何时调用正确的端点可能会令人困惑。但也有好消息;PeerJS 是一个 WebRTC 框架,它抽象了所有的 ICE 和信令逻辑,这样你就可以专注于应用程序的功能。PeerJS 有两个部分:客户端框架和服务器。

在本系列文章中,我们将使用 PeerJS 创建一个简单的电话应用程序。我们将使用服务器和客户端框架,但我们的大部分工作将涉及处理客户端代码。

预备知识

这是一个中级教程;在尝试之前,你应该已经熟悉

在开始之前,您需要确保已安装 NodeYarn(后续文章中的说明假定使用 Yarn,但如果您愿意,也可以随时使用npm 或其他管理器)。

注意:如果您通过分步代码学习效果更好,我们还提供了代码教程,您可以代替此教程使用。

目录

  1. 设置
  2. 构建服务器
  3. 连接对等端
    1. 获取浏览器麦克风权限
    2. 显示和隐藏 HTML
    3. 创建 Peer 连接
    4. 创建呼叫
    5. 接听呼叫
    6. 结束呼叫