LiveKit is a UI component library based on Tencent Cloud RoomEngine SDK to implement a series of UI components in the live streaming scenario. It provides a range of common UI components, including audio and video core components, live streaming room information components, audience list components, barrage components, gift components, etc.
Based on these UI components, you can quickly build your own live streaming business logic like building blocks.
Component English Name
Functionality
Thumbnail
LiveCoreView
The live broadcasting core component offers a rich set of APIs, including pre-live preview, starting a live broadcast, ending a live broadcast, interacting with the audience in the live room, and connecting with other hosts across rooms.
LiveInfoView
The Live Streaming Room Information Components will display anchor information and live streaming room information, and support features like following and unfollowing the viewers' favorite anchors.
AudienceListView
The Audience List Component will display the latest 100 viewers who entered the live streaming room and the number of viewers. You can display a simplified version of the audience list on your live streaming interface. When the simplified view is clicked, the audience list detail view can be pulled up.
BarrageView
The interactive barrage component supports hosts and viewers in sending text or emoji messages to each other.
The Interactive Barrage Component provides BarrageInputView (Barrage Sending View) and BarrageStreamView (Barrage Display View).
GiftView
The Interactive Gift Component supports viewers in the live streaming room sending virtual gifts to their favorite anchors. Gifts support animations.
The Interactive Gift Component provides GiftButton (Gift Sending Button) and GiftPlayView (Gift Display View).
MusicView
The Music Playlist component enables you to add background music to your live broadcast room. Additionally, you have the capability to pause, replay, or remove the background music as desired.
AudioEffectView
The Sound Effects Settings Component allows you to set your live streaming volume, background music volume, voice changing effects, etc.
LiveCoreView Component Introduction
LiveCoreView is a fundamental control in our video live streaming UIKit. This core control offers various APIs, including preview before broadcasting, start video live streaming, stop video live streaming, live streaming room connection with audience, cross-room connection with other anchors, and more. You can achieve the following live streaming scenarios by simply calling a few lines of API from the LiveCoreView component.
LiveInfoView (Live Streaming Room Information Components) will display anchor information and live streaming room information. By default, it shows the anchor information view. When you click on the anchor information view, the live room information detail view will be displayed.
Anchor Information View
Live Room Information View:
Live Streaming Room Information Components are coming soon, stay tuned.
AudienceListView Component
AudienceListView (Audience List Component) will display the latest 100 viewers who entered the live streaming room and the number of viewers. The Audience List View is displayed by default. After clicking, the Audience List Detail View will be shown.
Audience List View
Audience List Detail
Audience List Component is coming soon, stay tuned.
BarrageView Component
BarrageView (Interactive Barrage Component) feature is an important real-time communication tool that supports various interactive methods. Users can input emojis in the barrage, enhancing the fun of messages and making the interactive experience more enjoyable and vivid. Through this feature, audiences can engage in richer communication with anchors and other viewers during live streaming, enhancing overall participation and enjoyment. You can add a barrage sending component to the layout where you want to send barrages, and then add a barrage display component to the layout where you want to display barrages.
GiftView (Interactive Gift Component) is a virtual gift interaction platform aimed at adding more fun to the user's social experience. With this component, users can send virtual gifts to live streaming anchors they admire to show their appreciation, likes, and support. The Interactive Gift Component supports settings like Gift Material, Balance Display, Normal Gift Playback, Full-screen Gift Playback, Recharge Button, etc.
MusicView (Music List Component) can add background music to your Live Streaming Room. When you need to add background music, simply display our music list component, and then you can play the music you want to hear on our provided music component.
Music List Component
The Background Music Component is coming soon, stay tuned.
AudioEffectView Component
AudioEffectView (Sound Effect Settings Component) provides settings for your live streaming volume, background music volume, voice changing effects, and more. When you need to set these effects, simply display our sound effect settings component, and then you can adjust to your desired effects using our provided sound effect settings component.
Sound Effect Settings Component
The Sound Effect Settings Component is coming soon, stay tuned.
