Web

本文档主要介绍如何快速跑通 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 服务。获取 SDKAppIDSDKSecretKey



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




跑通 Demo

1. 在终端中输入命令,运行 Demo。
#cd TUILiveKit/Web/web-vite-vue3
npm run dev
注意:
本地环境请在 localhost 协议下访问,具体参见 网络访问协议说明
2. 自动打开浏览器窗口。



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



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



5. 观众在浏览器输入链接,没有登录信息会跳转至登录页。
6. 登录成功后会自动跳转至直播页。




其他文档

交流与反馈

如果有任何需要或者反馈,您可以联系:info_rtc@tencent.com。