RTC 提供一个开源的实时音视频通话示例工程:RTC 产品化快速开始 Demo,本文介绍如何快速跑通 Demo。基于该项目你可以体验 RTC 的通话效果,通过阅读源码了解简单音视频通话的最佳实践。
操作系统为图形化界面
终端
安装最新版本的 Chrome 浏览器,并设置为默认浏览器
获取 RTC 快速开始 Demo 工程文件
申请临时 Token 后,你应记录下申请时的房间 ID,用户 ID 和对应生成的临时 Token,以供后续配置环境和加入房间时使用。
参考 RTC 接入指南获取 AppId 和临时 Token。
临时 Token 仅用于测试或跑通 Demo,你可以通过阅读密钥说明了解更多 Token 相关。
全局安装 Node.js
使用npm全局安装 yarn :npm install -g yarn
修改配置文件,在 Demo 工程文件根目录中找到"./js/common.js"
appId:填写你的 AppIDroomId:填写申请 Token 时填写的房间 IDtoken:填写用户 ID 和对应 Token,多对token值之间使用西文逗号隔开const config = {
appId: 'YourAppId',
roomId: 'YourRoomId',
token: {
'YourUserId1': 'YourToken1', // "test_user1": "test_tokenxxxxxxxxx"
'YourUserId2': 'YourToken2',
}
};
typescript打开终端
进入 Demo 工程文件根目录
编译 Demo: yarn,等待编译完成
启动 Demo:yarn start,自动跳转到浏览器,如图: