Web

最近更新时间:2024-12-12 18:13:13

我的收藏
本文档主要介绍如何快速跑通 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. 登录成功后会自动跳转至直播页。




其他文档

交流与反馈

您在接入或使用过程有任何需要或者反馈,欢迎加入 腾讯云实时音视频 TRTC 技术交流群 进行技术交流和问题反馈。