tencent cloud

All product documents
Tencent Real-Time Communication
DocumentationTencent Real-Time CommunicationVoice Chat Room (with UI)Run Demo（TUILiveKit）Flutter
Flutter
Download PDF
Last updated: 2025-04-09 18:04:14
Flutter
Last updated: 2025-04-09 18:04:14
Download PDF
This document introduces how to quickly run through the Voice Chat Room Demo. Follow this documentation, and you can run through the Demo within 10 minutes and finally experience a voice chat room feature with a complete UI interface.
Anchor: Voice Room
Audience: Link Mic







Environment Preparation

Platform
Version
Flutter
Flutter 3.27.4 and higher versions.
Dart 3.6.2 or higher version.
Android
Android Studio 3.5 and above versions.
Android device running Android 5.0 and above versions.
iOS
Xcode 15.0 and above versions.
Ensure that your project has a deemed valid developer signature.

Step 1: Download Demo

1. Download the TUILiveKit Demo source code from github, or run the following commands in command line:
   git clone https://github.com/Tencent-RTC/TUILiveKit.git
2. Open the TUILiveKit/Flutter/livekit/example directory through Android Studio:




Step Two: Configure the Demo

1. Please see Activate Service (TUILiveKit), claim the trial version or activate the paid edition. After a successful application, you can obtain a 14-day trial version, try all features of TUILiveKit for free, and obtain SDKAppID and SDKSecretKey.
2. Open the Flutter/example/lib/debug/generate_test_user_sig.dart file and fill in the obtained corresponding SDKAppID and SDKSecretKey:




Step 3: Running through the Demo

1. Select the device where you want to run the Demo in the upper-right corner of Android Studio as shown below:



2. Click Run after selection to run the TUILiveKit Flutter Demo on the target device.



3. After the Demo has been successfully executed on the device, you can follow these steps to initiate live streaming and view live streams.

Start Voice Room

Notes:
To allow you to fully experience the voice chat room process, please log in two users on two devices respectively for the Demo. One acts as the anchor and the other as the audience.
1. Log in & Sign up
Please enter the ID in User ID. If your current UserID has never been used, you will enter the registration interface, where you can set your avatar and nickname for yourself.
Anchor（mike）
Audiece（vince）












Note:
Try to avoid setting your UserID to simple characters such as "1", "123", "111". Since TRTC does not support multi-end login with the same UserID, when multiple people collaborate in development, UserIDs such as "1", "123", "111" are easily occupied by your colleagues, resulting in login failure. Therefore, we recommend that you set some highly recognizable UserIDs when debugging.
2. The anchor starts voice room.
Click the "Broadcast" button in the middle at the bottom of the home page to enter the broadcast preview page. Click Go Live again to start voice room.
Anchor: before Room Entry
Anchor: Preview
Anchor: Voice Room









3. Audience Joins Voice Room
Click any one of the rooms in the live list to enter the voice room.
Audience: before Entering Room
Audience: after Entering Room







Was this page helpful?
You can also Contact Sales or Submit a Ticket for help.
Yes
No

Feedback

Contact Us

Contact our sales team or business advisors to help your business.

Contact Us
Technical Support

Open a ticket if you're looking for further assistance. Our Ticket is 7x24 available.

Submit a Ticket
7x24 Phone Support
Hong Kong, China
+852 800 906 020 (Toll Free)
United States
+1 844 606 0804 (Toll Free)
United Kingdom
+44 808 196 4551 (Toll Free)
Canada
+1 888 605 7930 (Toll Free)
Australia
+61 1300 986 386 (Toll Free)
EdgeOne hotline
+852 300 80699
More local hotlines coming soon