火山引擎 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。

该步骤可参考 真机调试_小程序_抖音开放平台
运行成功后效果如下:

官网交流群二维码:
