前言
WebRTC 是一种现代化的浏览器实时通信协议，能够便捷地实现视频、音频和数据的实时传输，极大地拓展了互联网应用的范围。但由于 WebRTC 需要用到浏览器底层的网络通信协议，因此许多普通开发人员并不熟悉这一技术。为了方便开发人员更好地使用 WebRTC，社区中推出了一些基于 WebRTC 的 npm 包，比如 webtc，本文将详细介绍如何使用 webtc 库。
webtc 集成
webtc 库在 npm 上有对应的包，可以在项目中使用以下命令进行集成：
npm install webtc
集成成功后，需要在项目中引入 webtc 的库文件：
import WebTC from 'webtc';
webtc 初始化
webtc 初始化时需要传入配置参数，对于不同的执行环境和使用场景，配置参数也有所不同。以下是 webtc 不同环境下的初始化配置：
在浏览器环境中的配置
const webtcConfig = {
mode: 'browser',
wsUrl: 'wss://ws.domain.com',
stunUrl: 'stun:stun.domain.com:3478'
};
const webtc = new WebTC(webtcConfig);解析：
mode表示 webtc 当前执行环境，值为browser表示在浏览器中使用。wsUrl是 webtc 引用的 WebSocket 服务地址。stunUrl是 STUN 服务器的地址，用于 NAT 穿透。
在 Node.js 环境中的配置
const webtcConfig = {
mode: 'node',
wsUrl: 'wss://ws.domain.com',
iceServers: [{'urls': 'stun:stun.domain.com:3478'}, {'urls': 'turn:turn.domain.com:3478'}]
};
const webtc = new WebTC(webtcConfig);解析：
mode值为node表示在 Node.js 环境中使用。wsUrl为 WebSocket 服务器地址。iceServers是 ICE 服务器列表，包含至少一个 STUN 服务器和至少一个 TURN 服务器用于 NAT 穿透，这里模拟了要使用 turn 的情况。
webtc 提供的方法
webtc 提供了很多实用的 API 接口，以下是常用的几个方法的介绍。
连接 WebSocket
webtc.connectWebsocket();
连接 WebSocket 服务。
加入房间
webtc.join(roomId);
加入指定房间。
离开房间
webtc.leave();
离开当前房间。
发送消息
webtc.send(message);
向当前房间发送消息。
建立连接
webtc.connect(peerId);
与指定用户建立 WebRTC 连接。
挂断
webtc.hangUp();
挂断当前 WebRTC 连接。
webtc 使用示例
以下是在 Node.js 环境下使用 webtc 的示例代码。
-- -------------------- ---- -------
----- ----- - -----------------
----- --------- - ----------------------------
----- ------- - ------------------------------------------
----- ----- - --- -----------
----------- -------
---
----- ----- - --
----- --------- - -
-------- -----------------------------
-------- ---------------------------- --------- ------ ----------- ------
--
------------------- ------------- -
--- ---- - ---------------- ------------
----- ----- - --- -------
----- -------
------- -----
----------- ---------
---
--------------------------------------- -------- -
------------- -
---- ------------
----------------------- -
------------------------------------- --------------
-
------
---- ------------
----------------- - ------
------
---- -------------
------ ------------------
------
---- -------------
--------------------- -
-------------------------------------------- --------------
-
-
---
------------------ ------------- -
-------------------
---
---------------- ---------- -
--------------
---
---解析：
- 使用
websocket启动一个 HTTP 服务。 - 在
on('request')方法中创建 WebSocket 连接。 - 在创建的连接中创建 webtc 实例。
- 在 webtc 实例中订阅
subscribeToEvents接口以监听事件。 - WebSocket 收到消息时，调用 webtc 实例的
message方法进行处理，产生对应事件后传递给subscribeToEvents方法注册的处理函数进行处理。
结语
webtc 是一款本地 WebRTC 库，使用起来简单方便，但是其性能及功能都不如 Google 的 WebRTC 库，适合在小型或者本地开发项目中使用。需要注意的是：由于 WebRTC 在不同环境中的配置有所不同，开发者在使用时需要结合具体环境进行相应的配置。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671088dd3466f61ffdeae