NPM 包 wild-peerconnection 使用教程

WebRTC 是一项让浏览器支持实时通信的技术，通过它可以在浏览器中直接进行音视频通话、文件传输等操作而不需要借助 Flash、Java 等插件。而 wild-peerconnection 则是一个基于 WebRTC 的 NPM 包，可以在不需要信令服务器的情况下建立点对点（P2P）连接，可以用于开发基于浏览器的音视频应用，这里我们来仔细了解一下 wild-peerconnection 的使用教程。

安装

作为一个 NPM 包，我们自然是需要从 NPM 上进行安装：

--- ------- -------------------

这个包依赖于 socket.io-client 与 simple-peer，所以在安装的过程中这两个包也会自动安装。

建立连接

使用 wild-peerconnection 只需要进行几个简单的步骤即可建立 P2P 连接：

  1. 创建自己的 peer 对象，通过 wildPeer() 来完成：

    ----- -------- - ---------------------------------------
----- ---- - --- -----------

  2. 通过 on() 监听 connection 事件来获取客户端的链接 ID:

    --------------------- ---------- -- -
    ---------------- ------------- ----------
---

  3. 使用 call() 方法发起呼叫：

    ----- -------- - ---------  -- ------ --
----- ------ - ------------------------------------------- ----- ------ -------
------------------- --------

  4. 通过 on('stream') 监听流事件，接收对方发来的视频流：

    ----------------- -------- -- -
    --------------- - -------
    -------------
---

示例

下面是一个完整的示例，将视频呼叫请求发送到另一个客户端：

--------- -----
------
  ------
    ----- --------------- --
    --------------- ---- ---- ------------------
  -------
  ------
    ------ ---------------- -----------------
    ------- ---------------------------------------
    ------- -------------------------
    --------
      ----- -------- - ---------------------------------------
      ----- -- - ----------------------------
      ----- ---- - --- ---------- -- ---

      ----- -------- ------ -
        ----- ------ - ----- -------------------------------------
          ------ -----
          ------ ----
        ---
        ----- ---- --------- - ----- ---------------

        --------------------- -------- -- -
          --------------------- ---- ---- -----------------
          --------------------- --------
        ---

        ----- --- - ---------------------------------
        --------------- - -----
        ------------ - -----
        -------------------------------

        ----- ----- - --------------------------------
        ---------------------------------

        ------------------------------- -- -- -
          ------------ - -------------
        ---

        ----------------------------- -- -- -
          ----- -------- - ------------
          -------------------- -----------------
          ------------------- --------
        ---

        ----------------- ------ -- -
          ----- ----- - ---------------------------------------
          --------------- - -------
          -------------
        ---
      -

      -------
    ---------
  -------
-------

小结

wild-peerconnection 是一个不需要信令服务器的 WebRTC 应用开发库，可以大大简化应用开发的流程，本文通过介绍它的安装与使用方法，详细地介绍了如何建立点对点连接，以及如何使用它进行通话、视频等实时通信。同时，也提供了一个基本的示例代码，希望有帮助！

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006710e8dd3466f61ffe1e7

阅读全文

猜你喜欢

  • NPM 包 Worona 使用教程

    Worona 是一个基于 React Native 技术的 WordPress 移动应用程序框架，它可以帮助前端开发人员快速地构建客户端应用程序。本文将详细介绍 Worona 使用教程，包括安装、创建...

    4 年前
  • npm 包 worona-polyfills 使用教程

    在前端开发中，时常会遇到一些浏览器兼容性问题，为了解决这些问题，我们需要使用一些 polyfills。worona-polyfills 就是一个用于前端开发的管理和封装 polyfills 的 npm...

    4 年前
  • npm 包 word-finder 使用教程

    在前端开发中，有时需要从一段文本中找出特定的单词或短语，这时就可以使用 npm 包 word-finder。本文将介绍如何安装和使用这个工具，并提供相关示例代码和指导意义。

    4 年前
  • npm 包 word-frequency 使用教程

    简介 npm 包 word-frequency 是一个能够统计一篇文本中每个单词出现频率的 JavaScript 库。该库不依赖于任何第三方库，可以在浏览器和 Node.js 环境下使用。

    4 年前
  • npm 包 word-forward 使用教程

    随着前端技术的不断发展，我们使用的工具也在不断地升级和更新。其中，npm 包是前端工程化中必不可少的一部分。word-forward 是一个 npm 包，它可以帮助我们在文本编辑和分析中，找到单词和它...

    4 年前
  • npm 包 word-list-fa 的使用教程

    在前端开发中，经常需要使用到词汇。为了方便开发，许多开发者会选择使用 npm 包来简化词汇的使用。其中，word-list-fa 是一个适用于中文前端开发的 npm 包，它包含了许多常用的中文词汇，可...

    4 年前
  • npm 包 word-list-json 使用教程

    介绍 word-list-json 是一个简单的 npm 包，提供了一个英文单词列表的 JSON 文件。该包可供前端开发者使用，提供了对于英文单词列表的查询与使用能力。

    4 年前
  • NPM 包 wjs 使用教程

    wjs 是一个强大的 JavaScript 库，它为前端开发者提供了一系列现成的工具和方法，以实现快速的 Web 前端开发。本文将介绍如何在你的项目中使用 wjs 库，并提供一些示例代码和实践指导，以...

    4 年前
  • npm 包 wjsdb 使用教程

    什么是 wjsdb？ wjsdb 是一个 npm 包，它为前端开发者提供了一个简单易用的本地存储解决方案。wjsdb 基于 LocalStorage 和 JSON 数据格式实现，可以实现数据的存储、读...

    4 年前
  • npm 包 word-quiz-generator 使用教程

    在前端开发中，我们经常需要生成测试数据来检查我们的应用的正确性。一个常见的需求是生成随机的单词测试题。这时，我们可以使用 npm 包 word-quiz-generator。

    4 年前
  • npm 包 word-replace 使用教程

    在前端开发中，有时候需要对字符串进行替换操作，而 Word-replace 就是一个可用于字符串替换的 npm 包。使用 Word-replace 可以快速、方便地实现字符串替换，提高开发效率。

    4 年前
  • npm 包 word-stream 使用教程

    在前端开发中，有时需要对文本进行处理。word-stream 是一款基于 Node.js 的流式文本处理工具，可以帮助我们快速高效地处理大规模文本数据。本教程将详细介绍如何使用这个工具。

    4 年前
  • npm 包 word-syllable-map 使用教程

    在前端开发中，有时候需要对英文单词进行分音节的操作。而这个功能是不太容易手写的。于是，npm 包 word-syllable-map 就可以帮助我们解决这个问题。 什么是 word-syllable-...

    4 年前
  • npm 包 word-statics 使用教程

    在前端开发中，我们经常会需要对文本进行统计分析，例如统计一篇文章中出现次数最多的单词是哪个，或者统计一段代码中占用空间最多的变量等等。这些工作可以通过手动编写代码来实现，但是随着 JavaScript...

    4 年前
  • NPM 包 word-to-number 使用教程

    在前端开发中，我们经常需要将人类语言转换成数字。例如，“一百五十二”转成数字 152。这是一件非常繁琐且费时的工作。因此，我们需要一个工具来帮助我们完成这个任务。在这篇文章中，我将介绍一个非常有用的 ...

    4 年前
  • npm 包 word-table 使用教程

    简介 word-table 是一个可以将数据渲染成表格，生成 Word 文档的 Node.js 模块。该模块使用简单，灵活易用，适用于快速生成 Word 报表或文档。

    4 年前
  • npm 包 woshify 使用教程

    npm 包 woshify 使用教程 简介 woshify 是一个开源的 JavaScript 库，提供了一系列处理字符串的函数。它可以将传入的字符串转换成“我是XX”的形式，具有一定趣味性和可玩性。

    4 年前
  • npm 包 wotblitz-cli 使用教程

    wotblitz-cli 是一个基于 Node.js 的命令行工具，用于简化在 World of Tanks: Blitz（以下简称 WoT Blitz）中生成随机队伍的流程。

    4 年前
  • npm 包 write-file-promise 使用教程

    在前端开发中，我们经常需要将一些数据写入到文件中，例如日志记录、数据存储等等。在 Node.js 中，我们可以使用 fs 模块来操作文件系统，但是 fs 模块的 API 虽然很强大，但是使用起来还是有...

    4 年前
  • npm 包 write-file-queue 使用教程

    前言 在前端开发中，我们通常需要在浏览器中生成和处理文件，在 Node.js 的后端开发中，也经常需要读写文件。在 Node.js 中，我们可以使用 fs 模块进行文件读写，但是如果要在多个地方同时调...

    4 年前

相关推荐

    暂无文章