本文档主要介绍如何快速跑通 TUILiveKit 示例工程,体验高质量在线直播。跟随本文档,您可以在 10 分钟内跑通 Demo,并开启一场属于您自己的直播。
![]() | ![]() |
环境准备
Node.js 版本:Node.js ≥ 16.19.1(推荐使用官方 LTS 版本,npm 版本请与 node 版本匹配)。
现代浏览器,支持 WebRTC APIs。
下载 Demo
1. 打开终端复制输入示例命令克隆 仓库。
git clone https://github.com/Tencent-RTC/TUILiveKit.git
2. 安装依赖
cd TUILiveKit/Web/web-vite-vue3
npm install
配置 Demo
1. 激活 TUILiveKit 服务。获取 SDKAppID 和 SDKSecretKey。


2. 打开 TUILiveKit/Web/web-vite-vue3/src/config/basic-info-config.js 文件,并输入激活服务时获得的 SDKAppID 和 SDKSecretKey:


跑通 Demo
1. 在终端中输入命令,运行 Demo。
#cd TUILiveKit/Web/web-vite-vue3npm run dev
注意:
2. 自动打开浏览器窗口。


3. 点击新建直播房间即可开启您的第一场直播啦。


4. 点击左上角分享按钮获取房间链接,观众可在浏览器输入链接进入直播间。


5. 观众在浏览器输入链接,如果没有登录信息会跳转至登录页。


6. 登录成功后会自动跳转至直播页。


其他文档
常见问题