主播开播页

最近更新时间:2025-08-29 15:29:01

我的收藏

功能简介

主播开播页主要是指主播在开始直播之后,实现观众连麦 、主播连线、主播 PK、直播间信息、观众列表、礼物显示、弹幕显示等功能。本文将介绍如何在 10 分钟之内完成主播开播页的接入工作。
主播直播中
主播连麦中






布局样式

布局类型
布局类型码
布局样式
动态宫格布局
600

浮动小窗布局
601

固定宫格布局
800

固定小窗布局
801


前提条件

在完成该功能接入之前,需要先完成概述中的 接入步骤

功能接入

1. 创建主播开播页视图并初始化。
选择布局:如果要选择其他布局开播,需设置 liveInfo.seatLayoutTemplateId,具体代码示例及取值说明如下:
Swift
var liveInfo = LiveInfo()
liveInfo.roomId = roomId
liveInfo.name = state.roomName
liveInfo.coverUrl = state.coverUrl
liveInfo.isPublicVisible = state.privacyMode == .public
// 选择不同模板
liveInfo.seatLayoutTemplateId = 600

let anchorView = AnchorView(liveInfo: liveInfo, coreView: self.coreView, behavior: .createRoom)
anchorView.delegate = self
参数
说明
seatLayoutTemplateId
布局类型。
600: 动态宫格布局,默认值。
601: 浮动小窗布局。
800: 固定宫格布局。
801: 固定小窗布局。
2. 将主播开播页加载到 ViewController 中。
Swift
public override func loadView() {
view = rootView
}
3. 监听开始直播按钮点击事件。
Swift
extension TUILiveRoomAnchorViewController: AnchorViewDelegate {
public func onClickFloatWindow() {
}
public func onEndLiving(state: AnchorState) {

}
}

功能定制

隐藏主播页顶部操作区

Swift
anchorView.disableHeaderLiveData(true)

隐藏顶部操作区中的观众列表功能

Swift
anchorView.disableHeaderVisitorCnt(true)

隐藏底部操作区的连麦功能

Swift
anchorView.disableFooterCoGuest(true)

隐藏底部操作区的连线功能

Swift
anchorView.disableFooterCoHost(true)

隐藏底部操作区的 PK 功能

Swift
anchorView.disableFooterBattle(true)

隐藏更多设置面板中的音效功能

Swift
anchorView.disableFooterSoundEffect(true)