- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 多人会议（含 UI）
- 组件介绍 (TUIRoomKit)
- 开通服务 (TUIRoomKit)
- 跑通 Demo（TUIRoomKit）
- 快速接入 (TUIRoomKit)
- 界面定制 (TUIRoomKit)
- 虚拟背景（TUIRoomKit）
- 会议控制 (TUIRoomKit)
- 云端录制 (TUIRoomKit)
- AI 降噪 (TUIRoomKit)
- 会中聊天 (TUIRoomKit)
- 机器人推流 (TUIRoomKit)
- 更多特性 (TUIRoomKit)
- 客户端 API (TUIRoomKit)
- 服务端 API (TUIRoomKit)
- 常见问题 (TUIRoomKit)
- 错误码 (TUIRoomKit)
- SDK更新日志（TUIRoomKit）
- 在线直播（含 UI）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- Demo 体验
- 视频通话（含 UI）
- 多人会议（含 UI）
- 组件介绍 (TUIRoomKit)
- 开通服务 (TUIRoomKit)
- 跑通 Demo（TUIRoomKit）
- 快速接入 (TUIRoomKit)
- 界面定制 (TUIRoomKit)
- 虚拟背景（TUIRoomKit）
- 会议控制 (TUIRoomKit)
- 云端录制 (TUIRoomKit)
- AI 降噪 (TUIRoomKit)
- 会中聊天 (TUIRoomKit)
- 机器人推流 (TUIRoomKit)
- 更多特性 (TUIRoomKit)
- 客户端 API (TUIRoomKit)
- 服务端 API (TUIRoomKit)
- 常见问题 (TUIRoomKit)
- 错误码 (TUIRoomKit)
- SDK更新日志（TUIRoomKit）
- 在线直播（含 UI）
- 语音聊天室（含 UI）
- 无 UI 集成
- 高级功能
- 服务端 API
- 控制台指南
- 解决方案
- 常见问题
- 旧版文档
- 协议与策略
- TRTC 政策
- 词汇表
本文将介绍如何快速实现音视频通话演示。您将在10分钟内完成以下关键步骤，并最终获得一个具有全面用户界面的视频通话功能。
环境准备
Node.js, 如果没有，请点击下载。
Modern browser, supporting WebRTC API.
步骤一：下载 Demo
1. 打开终端，克隆仓库。
2. 安装依赖。
cd ./TUICallKit/Web/basic-react
cd ./TUICallKit/Web/basic-vue3
npm install
步骤二：配置 Demo
1. 点击进入开通服务页面, 获取
SDKAppID、SDKSecretKey。2. 填写
SDKAPPID、SDKSecretKey。文件路径：
TUICallKit/Web/basic-react/public/debug/GenerateTestUserSig-es.js
文件路径：
TUICallKit/Web/basic-vue3/public/debug/GenerateTestUserSig-es.js
步骤三：运行 Demo
1. 打开终端，复制示例命令运行 Demo。
npm run dev
npm run serve
警告：
2. 打开两个浏览器页面输入相同的 URL，然后输入两个不同的 userID（由您定义）登录。
3. 两个 userID 都登录成功后，在当前登录页面输入另一个页面的 userID，点击
Add to call list 按钮添加到通话列表。
步骤四：拨打您的第一通电话
单击 Call 体验您的第一通话。
是
否
本页内容是否解决了您的问题？