本文将引导您在 10 分钟内，在本地计算机上成功运行一个功能完备的 TUILiveKit 在线直播 Demo。
成功运行后，您将体验到：
观众端： 支持观看高清直播、弹幕互动聊天、礼物打赏。
前提条件
开通服务
SDKAppID：应用标识（必填），腾讯云基于
SDKAppID 完成计费统计。SDKSecretKey：应用密钥，用于初始化配置文件的密钥信息。
环境准备
现代浏览器：支持 WebRTC APIs 的现代浏览器。
设备：摄像头、麦克风、扬声器。
Node.js：≥ 18.19.1（推荐使用官方 LTS 版本，可通过
node -v 命令查看当前版本）。操作步骤
获取 Demo
1. 从 GitHub 下载 TUILiveKit React Demo 源码，或者直接在
命令行运行以下命令：git clone https://github.com/Tencent-RTC/TUIKit_React.git
2. 安装依赖。
cd TUIKit_React/demos/live-vite-reactnpm install
配置 Demo
在项目根目录下，打开
src/config/basic-info-config.js 文件，输入开通服务时获得的 SDKAppID 和 SDKSecretKey：
编译并运行 Demo
npm run dev
工程成功运行后，将自动打开一个浏览器并进入直播列表页面，此时可能因为您的应用无人开播，看到空的直播列表页面。
直播推流与观看
开启一场直播
React 工程目前只支持观看直播，为了能够体验观看效果，您需要先开启一场直播，再使用刚刚运行的 React Demo 工程观看。
方式一：（推荐）
方式二：
使用 React Demo 观看直播
开播成功后，刷新通过
npm run dev 命令启动的浏览器页面（通常是 http://localhost:5173），此时会显示您刚刚开启的直播，从直播列表中点击，即可进入观看页面。说明：
为了顺利体验直播功能，直播开播和直播观看，要使用不同的用户 ID 登录，否则会出现登录互踢，无法体验。
下一步
Demo 跑通后，您可以根据业务需要，参考下表中的集成指引文档，将对应功能集成到您的项目中：
页面 | 文档链接 |
准备工作 | |
观众观看 | |
直播列表 |
联系我们
售前咨询
当您需要购买咨询时，您可以直接通过 售前咨询 进行提问，会有专属客户经理在线为您解答，为您提供专业的上云方案。同时，您也可以直接致电销售人员，咨询热线：4009100100转1（工作日9:00 - 18:00）。
售后支持
当您遇到问题需要处理时，您可以直接通过 售后支持 进行提问，腾讯云工程师7 × 24小时在线为您提供服务。同时，您也可以直接致电客服人员，寻求相应的帮助，客服咨询：4009100100（7 × 24小时）。
