Zermelo 是一个基于 WebRTC 技术的实时语音和视频通话库,它可以轻松地集成到 Web 应用程序中,使用户可以使用浏览器进行语音和视频通话。在本教程中,我们将介绍如何使用 npm 包 zermelo 来启用实时语音和视频通话。
准备工作
在开始之前,我们需要确保已经安装了 Node.js 和 npm。如果尚未安装,请前往官方网站下载和安装。
安装 zermelo
在命令行中,输入以下命令来安装 zermelo 包。
npm install zermelo --save
通过上述命令,我们可以将 zermelo 安装为项目的依赖项,并将其保存到 package.json 文件中。
初始化 zermelo
在使用 zermelo 之前,我们需要在我们的应用程序中初始化它。在以下示例中,我们将使用 zermelo 来启用实时语音通话。我们首先创建一个名为 "zermelo-test" 的文件夹,并在该文件夹中创建一个名为 "index.html" 和一个名为 "main.js" 的文件。
-- -------------------- ---- ------- ---- ---------- --- --------- ----- ------ ------ ----- ---------------- -------------- ------------ ------- ------ ------- -------------------------- ------------- ------- ----------------------- ------- -------
-- -------------------- ---- ------- -- ------- ----- ------- - ------------------- ----- --------------- - ------------------------------------------- ----------------------------------------- ----- -- -- - ----- ------- - --- ---------- --- - ----- ----------- - ----- ------------------------------------- ------ ---- --- ----- ----------- - ------------------------------------------------------ ----- ------ - ------------ ----- --- - ----- ------------------------ ------------- ----------------- - ----- ----- - ------------------- - ---
在上面的代码中,我们首先导入 zermelo 包并通过该包创建了一个名为 "zermelo" 的实例。我们使用 async/await 语法异步地获取了用户媒体流并使用 zermelo.createLocalStreamFromMediaStream() 方法创建本地流。我们然后通过 zermelo.joinRoom() 方法加入了一个名为 "test-room" 的房间。
启动本地服务器
为了能够在我们的浏览器中运行 zermelo,我们需要启动一个本地服务器。在命令行中,输入以下命令可以启动一个本地服务器。
npx http-server
运行示例
在启动了本地服务器之后,我们可以在浏览器中输入地址 http://localhost:8080 来访问我们的应用程序。点击 "Start Call" 按钮后,我们可以在浏览器的控制台中看到 zermelo 成功加入房间的信息。
总结
在本教程中,我们介绍了如何使用 npm 包 zermelo 来启用实时语音和视频通话。我们了解了如何安装 zermelo 并创建了一个简单的示例程序。通过学习本教程,您可以轻松地集成 zermelo 到您的 Web 应用程序中,为您的用户提供高质量的实时语音和视频通话体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005609581e8991b448decbd