TUILiveKit

本模版旨在帮助用户快速部署并体验高质量的在线直播。通过阅读本文档，您将了解如何迅速运行 TUILiveKit 示例工程并进行二次开发。只需 5 分钟，您便可成功运行 Demo，并开启一场专属于您的直播体验。

快速部署

借助 EdgeOne pages，您可以通过快速部署模版的方式，实现零代码搭建直播间的目标。

您可以点击左侧的"View Demo"按钮，体验在线演示效果。

请注意，部署模版是在开发仓库代码基础上进行的二次开发，主要用于体验快速部署功能和在线 Demo。若您需要开发更丰富的功能，建议使用原始仓库代码进行深度开发。原始开发仓库地址：https://github.com/Tencent-RTC/TUILiveKit/tree/main/Web/web-vite-vue3。

以下教程将详细指导您如何快速运行并体验 Demo。

环境准备

Node.js 版本：Node.js ≥ 16.19.1（推荐使用官方 LTS 版本，npm 版本请与 node 版本匹配）。
现代浏览器，支持 WebRTC APIs。

下载 Demo

打开终端复制输入示例命令克隆仓库。

git clone https://github.com/Tencent-RTC/TUILiveKit.git

安装依赖

cd TUILiveKit/Web/web-vite-vue3

npm install

配置 Demo

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

跑通 Demo

在终端中输入命令，运行 Demo。

#cd TUILiveKit/Web/web-vite-vue3
npm run dev

打包部署

执行如下命令打包 dist 文件。
```
npm run build
```
将 dist 文件部署到您的服务器上。

框架	Vue.js
应用场景	音视频聊天

框架	Vue.js
应用场景	音视频聊天