- 动态与公告
- 产品简介
- 购买指南
- 新手指引
- 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 政策
- 词汇表
本文档主要介绍如何快速跑通 TUIRoomKit 示例工程，体验高质量多人视频会议。跟随本文档，您可以在 10 分钟内跑通 Demo，并最终体验一个包含完备 UI 界面的多人视频会议功能。
环境准备
Node.js 版本：Node.js ≥ 16.19.1（推荐使用官方 LTS 版本，npm 版本请与 node 版本匹配）。
Modern browser, supporting WebRTC APIs.
下载 Demo
1. 打开终端复制输入示例命令克隆仓库。
2. 安装依赖
cd ./TUIRoomKit/Electron/example/vue3
cd ./TUIRoomKit/Electron/example/vue2
npm install
配置Demo
1. 激活 TUIRoomKit 服务，获取 SDKAppID 和 SDKSecretKey。
2. 打开 TUIRoomKit/Electron/example/vue3/packages/renderer/src/config/basic-info-config.js 文件，并输入激活服务时获得的 SDKAppID 和 SDKSecretKey：
注意：
Vue2 项目请打开 TUIRoomKit/Electron/example/vue2/src/config/basic-info-config.js 文件，并输入激活服务时获得的 SDKAppID 和 SDKSecretKey 即可。
跑通 Demo
1. 在终端中输入命令，运行 Demo。
# cd TUIRoomKit/Electron/example/vue3npm run dev
# cd TUIRoomKit/Electron/example/vue2npm run start
注意：
创建您的第一个会议
单击 New Room 创建您的第一个会议房间，房间类型分别为举手发言房间和自由发言房间。
1. 自由发言房间
2. 举手发言房间
加入会议
参与者可以通过填写对应的
RoomId，来加入由会议主持人创建的会议。
是
否
本页内容是否解决了您的问题？