动态与公告

产品动态

产品近期公告

关于 TRTC Live 正式上线的公告

关于TRTC Conference 正式版上线的公告

Conference 商业化版本即将推出

关于多人音视频 Conference 开启内测公告

关于音视频通话 Call 正式版上线的公告

关于腾讯云音视频终端 SDK 播放升级及新增授权校验的公告

关于 TRTC 应用订阅套餐服务上线的相关说明

产品简介

产品概述

基本概念

产品功能

产品优势

应用场景

性能数据

购买指南

计费概述

免费时长说明

月订阅

现收现付

TRTC 逾期与暂停政策

常见问题解答

退款说明

新手指引

Demo 体验

视频通话 SDK

组件介绍

开通服务

跑通 Demo

快速接入

离线唤醒

会话聊天

云端录制

AI 降噪

界面定制

Chat 集成通话能力

更多特性

无 UI 集成

服务端 API

客户端 API

解决方案

错误码表

发布日志

常见问题

视频会议 SDK

组件介绍（TUIRoomKit）

开通服务（TUIRoomKit）

跑通 Demo（TUIRoomKit）

快速接入（TUIRoomKit）

屏幕共享（TUIRoomKit）

预定会议（TUIRoomKit）

会中呼叫（TUIRoomKit）

界面定制（TUIRoomKit）

虚拟背景（TUIRoomKit）

会议控制（TUIRoomKit）

云端录制（TUIRoomKit）

AI 降噪（TUIRoomKit）

会中聊天（TUIRoomKit）

机器人推流（TUIRoomKit）

更多特性（TUIRoomKit）

客户端 API（TUIRoomKit）

服务端 API（TUIRoomKit）

常见问题（TUIRoomKit）

错误码 (TUIRoomKit)

SDK更新日志（TUIRoomKit）

直播与语聊 SDK

Live 视频直播计费说明

组件介绍

开通服务（TUILiveKit）

跑通 Demo

无 UI 集成

UI 自定义

直播监播

视频直播

语聊房

高级功能

客户端 API

服务端 API

错误码

发布日志

常见问题

RTC Engine

开通服务

SDK 下载

API-Example

接入指引

API-参考手册

高级功能

AI 集成

概述

MCP 配置

Skills 配置

集成指南

常见问题

RTC RESTFUL API

History

Introduction

API Category

Room Management APIs

Stream mixing and relay APIs

On-cloud recording APIs

Data Monitoring APIs

Pull stream Relay Related interface

Web Record APIs

AI Service APIs

Cloud Slicing APIs

Cloud Moderation APIs

Making API Requests

Call Quality Monitoring APIs

Usage Statistics APIs

Data Types

Appendix

Error Codes

控制台指南

应用管理

套餐包管理

用量统计

监控仪表盘

开发辅助

解决方案

实时合唱

常见问题

迁移指南

计费相关

功能相关

UserSig 相关

应对防火墙限制相关

缩减安装包体积相关

Andriod 与 iOS 相关

Web 端相关

Flutter 相关

Electron 相关

TRTCCalling Web 相关

音视频质量相关

其他问题

旧版文档

RTC RoomEngine SDK（旧）

集成 TUIRoom (Web)

集成 TUIRoom (Android)

集成 TUIRoom (iOS)

集成 TUIRoom (Flutter)

集成 TUIRoom (Electron)

TUIRoom API 查询

实现云端录制与回放（旧）

监控仪表盘计费（旧）

协议与策略

安全合规认证

安全白皮书

信息安全说明

服务等级协议

苹果隐私策略：PrivacyInfo.xcprivacy

TRTC 政策

隐私协议

数据处理和安全协议

词汇表

React Native

PDF

聚焦模式

字号

最后更新时间： 2026-01-26 09:50:33

将为您介绍如何快速跑通视频直播 Demo。跟随本文档，您可以在 10 分钟内跑通 Demo，并最终体验一个包含完备 UI 界面的视频直播功能。
主播直播页
连麦管理页
观众观看页
﻿
﻿
﻿
前提条件
开通服务
请参考 开通服务 领取 TUILiveKit 体验版，并在 应用管理 页面获取以下信息:
SDKAppID：应用标识（必填），TRTC 基于 SDKAppId 完成计费统计。
SDKSecretKey：应用密钥，用于初始化配置文件的密钥信息。
环境准备
Node.js：≥ 20.0.0 (推荐使用官方 LTS 版本)。
Yarn：≥ 4.11.0。
Android Studio（Android 开发）。
Xcode 14+（iOS 开发，仅限 macOS）。
CocoaPods 环境：已安装 CocoaPods。如果您尚未安装，请参见 CocoaPods 官网安装，或按以下步骤操作：
使用 gem 安装 CocoaPods：在终端中执行 sudo gem install cocoapods 命令进行安装。
提示：
 sudo gem install cocoapods 安装过程中可能需要输入电脑密码，按提示输入管理员密码即可。
设备：两部摄像头、麦克风正常的手机。
操作步骤
获取 Demo
1. 从 GitHub 下载 TUILiveKit Demo 源码，或者直接在命令行运行以下命令：
git clone https://github.com/Tencent-RTC/TUIKit_ReactNative.git
2. 安装依赖。
cd TUIKit_ReactNative
﻿
yarn install
3. 安装 iOS Pod 依赖（如果仅运行 Android  平台，此步骤可以忽略）
cd application/ios
﻿
pod install
配置 Demo
1. 配置 SDKAppID 和 SDKSecretKey: 您需要参考本文的前提条件，在 Demo 中打开 TUIKit_ReactNative/application/src/debug/UserSigGenerator.ts文件，输入准备工作中激活服务时获得的 SDKAppID 和 SDKSecretKey：
// Your SDKAppID
export const sdkAppID = 0;
// Your SDKSECRETKEY
const SDKSECRETKEY = "";
2. 配置苹果开发者签名（跑通安卓平台可忽略此步骤）：在项目 TARGETS 下的 Signing & Capabilities 界面勾选 Automatically manage signing，配置您的苹果开发者账号和 Bundle Identifier：
﻿
编译并运行 Demo
运行至 Android 平台
运行至 iOS 平台
cd TUIKit_ReactNative/application
yarn android
cd TUIKit_ReactNative/application
﻿
yarn ios
直播推流与观看
1. 登录/注册 userID（由您定义）。
﻿
注意：
TUILiveKit 不支持同一个 UserID 多端登录，在多人协作开发时， “1”、“123”、“111” 这种简单的 UserID 很容易被占用，导致登录失败，因此建议在调试时设置辨识度较高的 UserID。为了使您可以体验完整的视频直播流程，请将 Demo 分别在两台设备上登录两个用户，一方作为主播，一方作为观众；
2. 主播开启直播。
单击主页底部中间的按钮，即可进入开播预览页面，再单击开始直播按钮即可开始直播了。
直播列表页
主播预览页
主播开播页
﻿
﻿
﻿
3. 观众加入直播间。
您可以在另外一台设备上，使用不同的 userID 登录作为观众进行体验，您可以单击直播列表里任意一个房间，也可以通过输入 liveID 进入特定直播间，即可观看直播，您也可以在直播间跟主播进行连麦、赠送礼物，发送互动消息等等。
直播列表页
礼物选择页
观众观看页
﻿
﻿
﻿
下一步
Demo 跑通后，您可以根据业务需求，参考以下集成指引将对应功能集成到您的项目中：
页面
文档链接
主播开播
﻿主播开播页﻿
观众观看
﻿观众观看页﻿
直播列表
﻿直播列表页﻿
常见问题
运行 Demo 提示签名错误或登录失败？
请检查您在 TUIKit_ReactNative/application/src/debug/UserSigGenerator.ts 文件中填写的 SDKAppID 和 SDKSecretKey 是否正确，确保它们是您在 TRTC 控制台应用管理 页面获取到的密钥。
React Native 环境问题如何确认？
如您需得知 React Native 的环境是否存在问题，请运行 npx react-native doctor 检测 React Native 环境是否装好。
npx react-native doctor
联系我们
如果您在接入或使用过程中有任何疑问或者建议，欢迎加入 Telegram 技术交流群组，或 联系我们 获取支持。