WebRTC 是指 Web 实时通信技术，主要用于实现浏览器之间的音视频通讯。webrtc-swarm 是一个基于 WebRTC 开发的 npm 包，可以进行点对点的实时通讯。本文将详细介绍如何使用 webrtc-swarm，并附上示例代码。
安装 webrtc-swarm
要使用 webrtc-swarm，首先需要在终端中使用 npm 进行安装。
npm install webrtc-swarm
使用 webrtc-swarm
在安装完成 webrtc-swarm 后，接下来可以创建两个 HTML 文件，分别作为点对点通信的“发起方”和“接收方”。
在“发起方”的 HTML 文件中，可以使用以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
------------------------
------- ---------------------------------------------------------
--------
--- ----- - --- --------------------------------- -
------------ ----------------------------
--
---------------- -------- ------ --- -
---------------------- -- ---- ---- --- - - ---
---------------- ---- ------------
--
---------------------- -------- ------ --- -
----------------- ------------ ---- --- - - ---
--
---------
-------
------
------------------
-------
-------在代码中，首先通过 CDN 引入了 webrtc-swarm，然后创建了一个 swarm 对象。swarm 对象可以指定一个唯一的 ID 名称（例如 webrtc-swarm-demo），并指定一个通信渠道名称（例如 webrtc-swarm-demo-channel）。
在创建 swarm 对象完成后，通过 swarm.on('peer', function(){}) 方法监听 peer 连接事件。当有其他用户通过相同的 ID 加入的时候，就会触发 peer 事件，并接收到 peer 对象和唯一 ID。可以通过 peer.send() 方法向 peer 发送消息。
还通过 swarm.on('disconnect', function(){}) 方法监听用户断开连接事件。如果有用户断开连接，就会触发 disconnect 事件，并返回相应的 peer 对象和唯一 ID。
在“接收方”HTML 文件中，可以使用以下代码：
-- -------------------- ---- -------
--------- -----
------
------
----- --------------- --
-----------------------
------- ---------------------------------------------------------
--------
--- ----- - --- --------------------------------- -
------------ ----------------------------
--
---------------- -------- ------ --- -
---------------------- -- ---- ---- --- - - ---
--------------- -------- ------ -
--------------------- ---- ---- ---------- - - -----
--
--
---------------------- -------- ------ --- -
----------------- ------------ ---- --- - - ---
--
---------
-------
------
-----------------
-------
-------在代码中，与“发起方”相似，同样构造了一个 swarm 对象，并指定了相同的 ID 和通信渠道名称。在 swarm 对象的 peer 事件中，同样可以监听到其他用户的连接，并接收到 peer 对象和唯一 ID。可以通过 peer.on('data', function(){}) 方法监听其他用户发送过来的消息。
总结
webrtc-swarm 是一个非常方便使用的 npm 包，可以快速实现浏览器的点对点实时通信。通过本文的教程，可以让读者了解到如何在自己的网站或应用中，方便地集成 webrtc-swarm。同时，也提供了相应的示例代码，让读者可以快速上手使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/119943