Overview

Integrating a Single Feature Overview

When integrating a single feature, we provide a series of UI components for live-streaming scenarios, including audio and video core components, voice chat core components, live room information components, audience list components, message components, gift components, and more. Based on these UI components, you can quickly build your own live streaming business logic like building blocks.

Effect Display

Live Streaming Scenarios
Voice Chat Scenarios



Component Overview

Component English Name
Component Chinese Name
Supported Platforms
Function
Thumbnail
LiveCoreView
Live stream core component
Android,iOS,Flutter
The live stream core component provides various APIs such as preview before broadcasting, starting video live streaming, stopping video live streaming, connecting with the audience in the live streaming room, and cross-room connection with other anchors.



SeatGridView
Voice chat core component
Android,iOS,Flutter
The voice chat core component can easily start or stop the voice chat room and efficiently manage microphone seat operations in the live streaming room, including applying for a microphone, inviting to speak, moving seats, and kicking someone off the mic. With SeatGridView, you can quickly integrate the voice chat room module into your application, significantly enhancing user experience while reducing development costs.


AudienceListView
audience list component
Android,iOS,Flutter
The audience list component displays the latest 100 newcomers in the live stream and the total number of viewers. You can show a simplified view of the audience list on your live broadcast interface. When the simplified view is clicked, it can pull up the audience list detail view.




LiveInfoView
live streaming room information component
Android,iOS,Flutter
The live streaming room information component displays anchor information and live room information, and supports functions such as following or unfollowing favorite anchors.





BarrageStreamView
message rendering component
Android,iOS,Flutter
message rendering component displays barrage messages on the screen.



BarrageInputView
message sending component
Android,iOS,Flutter
message sending component allows users to input emojis and text messages in bullet screens and send the messages to the live streaming room.




GiftPlayView
gift player
Android,iOS,Flutter
The gift player mainly provides playback functionality for showing bullet animations, displaying full-screen animations (in svga and mp4 formats), and playing like animations.




GiftListPanelView
gift
Android,iOS,Flutter
The gift panel component displays our default built-in gifts. Clicking these gifts allows you to send them to the live streaming room.


Introducing the LiveCoreView Component

LiveCoreView is a basic control we developed for the video live streaming UIKit. This core control provides various APIs, including preview before broadcasting, start video live streaming, stop video live streaming, live streaming room connection with audience, and cross-room connection with other hosts, and so on. You just need to call a few lines of API from the LiveCoreView component to achieve the following live streaming.
For specific integration of the LiveCoreView component, see LiveCoreView integration documentation.
Anchor is live streaming
Anchor is connecting - Nine-grid layout
Anchor is connecting - Floating window layout













Introducing the SeatGridView Component

Core control components of the voice chat room (SeatGridView) can easily enable or disable the voice chat room and efficiently manage seat operations in the live streaming room, including requesting to speak, inviting to speak, moving seats, and removing speakers. With the aid of SeatGridView, you can quickly integrate the voice chat room module into your application, significantly enhance user experience, and simultaneously reduce development costs.
For specific integration of the SeatGridView component, see SeatGridView integration documentation.
Broadcaster creates a room and takes the mic.
Broadcaster chats with the audience on mic.








Key Component Introduction

Live Streaming Room Information Component

LiveInfoView displays the broadcaster and live streaming room information. By default, it shows the broadcaster information view. When you click the broadcaster information view, it will display the detailed view of the live streaming room information.
Broadcaster information view


Live Room Information View
Specific access method. For details, see Live Room Information.

Audience List Component

The AudienceListView displays the latest 100 viewers who entered the live streaming room and the total number of spectators. By default, it shows the list view. After clicking, it will expand to display the detailed view of the audience list.
Audience list view



List details of the audience

Specific access method. For details, see Audience List.

Message Rendering Component

BarrageStreamView (message rendering component) displays barrage messages on the screen.
message rendering component



specific access method. For details, see: message rendering component.

Message Sending Component

BarrageInputView (message sending component) allows users to input emojis and text messages in bullet screens and send the messages to the live streaming room.
message sending component




specific access method. For details, see: message sending component.

Gift Player

GiftPlayView (gift player) The gift player mainly provides playback functionality for showing bullet animations, displaying full-screen animations (in svga and mp4 formats), and playing like animations.
gift player



specific access method. For details, see: gift player.

Gift Panel Component

The GiftListPanelView displays our default built-in gifts. Clicking these gifts allows you to send them to the live streaming room.
Gift Panel Component

specific access method. For details, see: Gift Panel Component.