概述

单功能接入概述
单功能接入时，我们提供了一系列直播场景的 UI 组件，包含音视频核心组件、语聊核心组件、直播间信息组件、观众列表组件、消息组件、礼物组件等。基于这些 UI 组件您可以像搭积木一样快速搭建起自己的直播业务逻辑。
效果展示
直播场景
语聊场景
﻿
﻿
﻿
组件概览
组件英文名
组件中文名
支持平台
作用
缩略图
LiveCoreView
直播核心组件
Android、iOS、Flutter
直播核心组件提供了 开播前画面预览、开启视频直播、关闭视频直播，直播间内和观众连线，跨房和其他主播连线等丰富的 API。
﻿
﻿
﻿
SeatGridView
语聊核心组件
Android、iOS、Flutter
语聊核心组件可以轻松开启或关闭语音聊天室，并高效管理直播间内的麦位操作，包括申请上麦、邀请上麦、移动麦位以及踢人下麦等。借助 SeatGridView，您能够为应用快速集成语音聊天室模块，显著提升用户体验，同时降低开发成本。
﻿
AudienceListView
观众列表组件
Android、iOS、Flutter
观众列表组件会展示直播间最新进房的前100位观众和观众人数，您可以在您的直播界面展示观众列表的简化版视图，当简化版试图被点击时，可以拉起观众列表详情视图。
﻿
﻿
﻿
﻿
﻿
﻿
LiveInfoView
直播间信息组件
 Android、iOS、Flutter
直播间信息组件会展示主播信息和直播间信息，并且支持观众最自己喜欢的主播进行关注、取消关注等功能。
﻿
﻿
﻿
﻿
﻿
﻿
BarrageStreamView
消息渲染组件
 Android、iOS、Flutter
消息渲染组件，会显示弹幕消息显示到屏幕上。
﻿
﻿
﻿
BarrageInputView
消息发送组件
Android、iOS、Flutter
消息发送组件，可以让用户可以在弹幕中输入表情和文本消息，并将该消息发送到直播间中。
﻿
﻿
﻿
﻿
GiftPlayView
礼物播放器
Android、iOS、Flutter
礼物播放器主要提供展示子弹动画、展示全屏动画（svga、mp4格式），点赞动画的播放功能。
﻿
﻿
﻿
﻿
GiftListPanelView
礼物
Android、iOS、Flutter
礼物面板组件会展示我们默认内置的礼物，点击这些礼物就可以将这些礼物发送到直播间中。
﻿
﻿
﻿
LiveCoreView 组件介绍
LiveCoreView 是我们为视频直播 UIKit 开发的一个基础控件。这个核心控件提供了丰富的 API，包括开播前画面预览、开启视频直播、关闭视频直播、直播间内与观众连线以及与其他主播跨房连线等功能。您只需调用 LiveCoreView 组件的几行 API，即可实现以下直播画面。
具体接入 LiveCoreView 组件详细参见 LiveCoreView 接入文档。
主播直播中
主播连线中-九宫格布局
主播连线中-浮窗布局
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
﻿
SeatGridView 组件介绍
语音聊天室的核心控件（SeatGridView）可以轻松开启或关闭语音聊天室，并高效管理直播间内的麦位操作，包括申请上麦、邀请上麦、移动麦位以及踢人下麦等。借助 SeatGridView，您能够为应用快速集成语音聊天室模块，显著提升用户体验，同时降低开发成本。
具体接入 SeatGridView 组件详细参见 SeatGridView 接入文档。
主播创建房间并上麦
主播和上麦观众聊天
﻿
﻿
﻿
﻿
重点组件介绍
直播间信息组件
LiveInfoView（直播间信息组件）中展示了主播和直播间的信息，默认情况下展示主播信息视图。当您点击主播信息视图时，将显示直播间信息的详细视图。
主播信息视图：
﻿
直播间信息视图：
﻿
具体接入方式，详情请见：直播间信息。
观众列表组件
AudienceListView（观众列表组件）展示了直播间最新进入的前100位观众及观众总人数。默认情况下展示观众列表视图，点击后将展开显示观众列表的详细视图。
观众列表视图
﻿
﻿
﻿
观众列表详情
﻿
﻿
﻿
具体接入方式，详情请见：观众列表。
消息渲染组件
BarrageStreamView（消息渲染组件）消息渲染组件，会显示弹幕消息显示到屏幕上。
消息渲染组件
﻿
﻿
﻿
具体接入方式，详情请见：消息渲染组件。
消息发送组件
BarrageInputView（消息发送组件）可以让用户可以在弹幕中输入表情和文本消息，并将该消息发送到直播间中。
消息发送组件
﻿
﻿
﻿
﻿
具体接入方式，详情请见：消息发送组件。
礼物播放器
GiftPlayView（礼物播放器）礼物播放器主要提供展示子弹动画、展示全屏动画（svga、mp4格式），点赞动画的播放功能。
礼物播放器
﻿
﻿
﻿
具体接入方式，详情请见：礼物播放器。
礼物面板组件
GiftListPanelView（礼物面板组件）会展示我们默认内置的礼物，点击这些礼物就可以将这些礼物发送到直播间中。
礼物面板组件
﻿
﻿
﻿
具体接入方式，详情请见：礼物面板组件。

组件英文名	组件中文名	支持平台	作用	缩略图
LiveCoreView	直播核心组件	Android、iOS、Flutter	直播核心组件提供了开播前画面预览、开启视频直播、关闭视频直播，直播间内和观众连线，跨房和其他主播连线等丰富的 API。
SeatGridView	语聊核心组件	Android、iOS、Flutter	语聊核心组件可以轻松开启或关闭语音聊天室，并高效管理直播间内的麦位操作，包括申请上麦、邀请上麦、移动麦位以及踢人下麦等。借助 SeatGridView，您能够为应用快速集成语音聊天室模块，显著提升用户体验，同时降低开发成本。
AudienceListView	观众列表组件	Android、iOS、Flutter	观众列表组件会展示直播间最新进房的前100位观众和观众人数，您可以在您的直播界面展示观众列表的简化版视图，当简化版试图被点击时，可以拉起观众列表详情视图。
LiveInfoView	直播间信息组件	Android、iOS、Flutter	直播间信息组件会展示主播信息和直播间信息，并且支持观众最自己喜欢的主播进行关注、取消关注等功能。
BarrageStreamView	消息渲染组件	Android、iOS、Flutter	消息渲染组件，会显示弹幕消息显示到屏幕上。
BarrageInputView	消息发送组件	Android、iOS、Flutter	消息发送组件，可以让用户可以在弹幕中输入表情和文本消息，并将该消息发送到直播间中。
GiftPlayView	礼物播放器	Android、iOS、Flutter	礼物播放器主要提供展示子弹动画、展示全屏动画（svga、mp4格式），点赞动画的播放功能。
GiftListPanelView	礼物	Android、iOS、Flutter	礼物面板组件会展示我们默认内置的礼物，点击这些礼物就可以将这些礼物发送到直播间中。

主播直播中	主播连线中-九宫格布局	主播连线中-浮窗布局

直播场景	语聊场景

概述

单功能接入概述

效果展示

组件概览

LiveCoreView 组件介绍

﻿﻿﻿

﻿﻿﻿

SeatGridView 组件介绍

﻿﻿

重点组件介绍

直播间信息组件

观众列表组件

消息渲染组件

消息发送组件

礼物播放器

礼物面板组件