火山引擎 RTC 提供了开源示例项目 API Example Demo。获取该项目后,你可以参照本文进行跑通,体验实时音视频功能;也能通过阅读代码,了解最佳实践。你可以加入官网交流群了解详情。
已开通 抖音开放平台 的开发者账号。
已加入 官网交流群 申请开通抖音小程序 RTC 组件能力。
已开通 RTC 服务,参考 开通服务。
已获取 AppId,参考 获取 AppId。
已获取 Token。参考 使用临时 Token。
已安装抖音开发者工具 IDE V4.0.1+。
你可以从以下方式中选择一种获取示例项目:
示例项目的目录结构如下:
. ├── app.json ├── app.ts ├── app.ttss ├── common ├── constant.ts // RTC 相关配置 ├── image ├── package.json ├── pages │ ├── basic │ │ └── quickstart // 快速开始页面 │ └── index // 首页 ├── project.config.json ├── tsconfig.json └── types
使用 抖音开发者工具 IDE 打开示例项目,在 constant.ts
的如下位置填入获取的 AppId
和 Token
。
该步骤可参考 真机调试_小程序_抖音开放平台
运行成功后效果如下:
为更好地体验实时音视频互动效果,你可以邀请一位朋友使用另一台设备运行该示例项目(需确保两个设备配置示例项目时填入的 App ID 和 AppKey 一致)。当你们输入相同的房间名加入房间后,即可在同一房间中体验音视频通话。
官网交流群二维码: