RTC 提供一个开源的实时音视频通话示例工程:RTC 产品化快速开始 Demo,本文介绍如何快速跑通 Demo。基于该项目你可以体验 RTC 的通话效果,通过阅读源码了解简单音视频通话的最佳实践。

前提条件
步骤1:获取 AppId 和临时 Token

申请临时 Token 后,你应记录下申请时的房间 ID,用户 ID 和对应生成的临时 Token,以供后续配置环境和加入房间时使用。

参考 RTC 接入指南获取 AppId 和临时 Token。
临时 Token 仅用于测试或跑通 Demo,你可以通过阅读密钥说明了解更多 Token 相关。

image

步骤2:配置 Demo 工程文件
  1. 全局安装 Node.js

  2. 使用npm全局安装 yarn :npm install -g yarn

  3. 修改配置文件,在 Demo 工程文件根目录中找到"./js/common.js"

    • appId:填写你的 AppID
    • roomId:填写申请 Token 时填写的房间 ID
    • token:填写用户 ID 和对应 Token,多对token值之间使用西文逗号隔开
const config = {
  appId: 'YourAppId',
  roomId: 'YourRoomId',
  token: {
    'YourUserId1': 'YourToken1', // "test_user1": "test_tokenxxxxxxxxx"
    'YourUserId2': 'YourToken2',
  }
};
typescript
步骤3:编译运行
  1. 打开终端

  2. 进入 Demo 工程文件根目录

  3. 编译 Demo: yarn,等待编译完成

  4. 启动 Demo:yarn start,自动跳转到浏览器,如图:

image.png