Learn how to quickly set up and start a high-quality live streaming session using TUILiveKit. Follow these steps to clone the repository, install dependencies, configure your demo, and begin streaming in just 10 minutes.

10-Minute Live Streaming with TUILiveKit Demo

This document guides you through the whole process with the 

 Demo. By following these steps, you can set up and run the Demo in under 10 minutes and experience a fully featured online live streaming application with a complete UI. 

You can also customize the page style, layout, and features to fit your requirements by following the customization instructions in each section.

 to obtain a TUILiveKit trial license. Then, retrieve the following information from the 

: Application identifier (required). Tencent Cloud uses 

: Application secret key, used to initialize configuration file credentials.

: ≥ 18.19.1 (official LTS version recommended)

 from GitHub, or run the following command directly from the command line:

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

TUILiveKit/Web/web-vite-vue3/src/config/basic-info-config.js

To start streaming as a host, navigate to the streaming page by setting the URL to 

Use the material addition area on the left to add media sources, and click the 

 button to accept or reject audience connection requests.

When you run the project for the first time, enter a 

 to register your identity. On subsequent runs, the live streaming list page displays directly, as shown below.

Click a live cover to enter a live room. In the live room, you can 

watch the stream, follow the host, send bullet comments, view the audience list

Do not use simple UserIDs such as "1", "123", or "111". 

TRTC does not support multi-end login for the same UserID, and these simple UserIDs are likely to be used by others during collaborative development, which can cause login failures. Use distinctive UserIDs during debugging.

Multiple audience members can simultaneously 

send bullet comments, follow the host, request to connect,

 and more, to simulate real multi-user interaction scenarios.

You can modify the provided UI source code to customize the 

 Demo interface as needed. Run the following commands in the 

macOS

Windows

 source code will be generated in the specified src directory.

 from the npm package path to the relative path of the local source code.

If you want to integrate specific pages into your existing project or customize the UI for individual pages, refer to the following documentation links for detailed guidance:

After entering the room, you may encounter error code "-3301" with the message "Services are not available in your region."

If you have any questions or suggestions during integration or usage, join our 

Run Sample Demo

Android

Flutter

React Native

UIKit

Core SDK

Server APIs

サーバー API

서버 API

API del servidor

服务端 API

Console Guide

コンソールガイド

콘솔 안내

控制台指南

TRTC Policies

TRTC ポリシー

TRTC 정책

TRTC 政策

All_Platform

すべてのプラットフォーム

모든 플랫폼

全平台

Call

Electron

服务器 API

Error Code

错误码

Conference

Unity

サーバーサイドAPI

서버사이드 API

Server Features

サーバー機能

서버 기능

服务端功能

Event Webhooks

イベントコールバック

이벤트 콜백

监听服务端事件回调

Migration Guide

移行ガイド

마이그레이션 가이드

迁移指南

Practice Solutions

実践プラン

실천 방안

实践方案

RTC Engine

Andorid

React

Scenario Solutions

场景实践

Set Up Live Streaming with TRTC Live

Live 搭建直播间

Live

Beauty AR Policies

Beauty AR ポリシー

Beauty AR 정책

Beauty AR 政策

Beauty AR

iOS and macOS

iOS と macOS

iOS 및 macOS

iOS 和 macOS

JavaScript

Unity（Game Solution）

Unreal Engine（Game Solution）

Grant Console Access Permissions to Sub-Accounts

子アカウントにコンソール操作権限を付与する

자식 계정에 콘솔 운영 권한을 부여합니다

授予子账号操作控制台权限

Product Features

製品紹介

제품 소개

产品介绍

Scenario-based Practice

场景化实践

Push Service

推送服务（Push）

Chat Policies

Chat ポリシー

Chat 정책

Chat 政策

Error Codes

エラーコード

에러코드

全プラットホーム

전체 플랫폼

Chat

Introduction

Activate the Service

サービスの有効化

서비스 활성화

开通服务

Price

料金の紹介

가격 소개

价格介绍

Basics

概要

개요

基本信息

Quick Try (No Code)

ノーコードでのクイックアクセス

코드 없이 빠르게 액세스

无代码快速接入

Run through the demo

デモを実行

Demo 실행

跑通Demo

Fast Integration Guide

迅速な統合ガイド

빠른 통합 가이드

快速集成指引

Get Started

導入開始

시작하기

开始集成

Conversational AI SDK Webhooks

AI会話SDKコールバック

AI 대화 SDK 콜백

AI实时对话SDK端回调

AI Conversation Server Webhooks

AI 会話サーバーコールバック

AI 대화 서버 콜백

AI实时对话服务端回调

Webhooks

AI会話コールバック

AI 대화 콜백

AI实时对话回调

StartAIConversation

UpdateAIConversation

ControlAIConversation

DescribeAIConversation

StopAIConversation

APIs

AIリアルタイム会話関連API

AI 실시간 대화 관련 API

AI实时对话相关接口

Emotional Companionship

感情的な付き添い

감정적 동반

情感陪伴

Intelligent Voice Customer Service

インテリジェントカスタマーサービス

지능형 고객 서비스

智能客服

AI Interview

AI 面接

AI 인터뷰

AI面试

Industry Practices

業界の応用事例

산업 응용 사례

行业实践

Conversational AI

対話型AI

대화형 AI

AI实时对话

Billing Overview

料金概要

요금 개요

计费概述

Starter Plan

スタータープラン

스타터 플랜

新手特惠计划

Pricing

料金

요금

价格中心