什么是 webbx
webbx 是一款基于 WebRTC 技术开发的音视频通信框架，适用于 Web 端音视频通信的场景。webbx 提供了完整的音视频通信能力，包括音视频采集、编解码、转发、播放等，为 Web 开发提供了便利。
如何使用 webbx
webbx 通过 npm 包的形式提供，可以通过以下命令进行安装：
npm install webbx --save
引入 webbx
安装完成后，在项目中使用 webbx 需要先引入：
import { Webbx } from 'webbx';创建实例
使用 webbx 需要先创建一个实例，传入配置项:
const config = {
appId: 'YOUR_APP_ID',
token: 'YOUR_ACCESS_TOKEN',
channel: 'YOUR_CHANNEL_NAME',
};
const client = new Webbx(config);其中，config 配置项包括：
appId: string， 必填，webbx 分配的应用 ID。token: string， 必填，webbx 生成的访问令牌，用于安全认证。channel: string， 必填，通信的房间名。在同一个房间名内的用户可以相互通信。
连接服务端
实例创建之后，需要调用 connect 方法连接服务端：
await client.connect();
加入房间
连接成功之后，调用 join 方法加入房间：
await client.join();
如果加入房间失败，可以通过监听错误事件 client.on('error', (error) => {}) 查看错误信息。
发布本地流
加入房间之后，需要发布本地流，让其他用户可以接收到流：
const stream = await navigator.mediaDevices.getUserMedia({ audio: true, video: true });
client.publish(stream);其中 navigator.mediaDevices.getUserMedia 用于获取用户的媒体设备，在此处创建了一个包含音视频的本地流， client.publish(stream) 将本地流发布到房间内，其他用户可以接收该流并播放。
订阅远端流
在加入房间之后，需要订阅其他用户发布的流，可以通过监听 stream-added 事件订阅远端流：
client.on('stream-added', (event) => {
const remoteStream = event.stream;
client.subscribe(remoteStream);
});其中，event.stream 表示远端流， subscribe() 方法订阅远端流并播放。
总结
通过上述几个步骤，就可以使用 webbx 实现 Web 端音视频通话的功能了。webbx 提供了完整的音视频通信能力，且集成简单易用，帮助开发者快速构建音视频通话应用。
示例代码：
-- -------------------- ---- -------
------ - ----- - ---- --------
----- ------ - -
------ --------------
------ --------------------
-------- --------------------
--
----- ------ - --- --------------
----- -------- ------ -
--- -
----- -----------------
------------------- ------------
----- --------------
------------------- ---------
----- ------ - ----- ------------------------------------- ------ ----- ------ ---- ---
-----------------------
------------------- ------------
- ----- ----- -
-----------------
-
-
------------------------- ------- -- -
----- ------------ - -------------
-------------------------------
---
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055caf81e8991b448da13a