功能简介
主播开播页主要是指主播在开始直播之后,实现观众连麦 、主播连线、主播 PK、直播间信息、观众列表、礼物显示、弹幕显示等功能。本文将介绍如何在 10 分钟之内完成主播开播页的接入工作。
主播直播中 | 主播连麦中 |
![]() |
|
布局样式
布局类型 | 布局类型码 | 布局样式 |
动态宫格布局 | 600 | ![]() |
浮动小窗布局 | 601 | ![]() |
固定宫格布局 | 800 | ![]() |
固定小窗布局 | 801 | ![]() |
前提条件
功能接入
1. 创建主播开播页视图并初始化。
选择布局:如果要选择其他布局开播,需设置 liveInfo.seatLayoutTemplateId,具体代码示例及取值说明如下:
var liveInfo = LiveInfo()liveInfo.roomId = roomIdliveInfo.name = state.roomNameliveInfo.coverUrl = state.coverUrlliveInfo.isPublicVisible = state.privacyMode == .public// 选择不同模板liveInfo.seatLayoutTemplateId = 600let anchorView = AnchorView(liveInfo: liveInfo, coreView: self.coreView, behavior: .createRoom)anchorView.delegate = self
参数 | 说明 |
seatLayoutTemplateId | 布局类型。 600: 动态宫格布局,默认值。 601: 浮动小窗布局。 800: 固定宫格布局。 801: 固定小窗布局。 |
2. 将主播开播页加载到 ViewController 中。
public override func loadView() {view = rootView}
3. 监听开始直播按钮点击事件。
extension TUILiveRoomAnchorViewController: AnchorViewDelegate {public func onClickFloatWindow() {}public func onEndLiving(state: AnchorState) {}}
功能定制
隐藏主播页顶部操作区
anchorView.disableHeaderLiveData(true)
隐藏顶部操作区中的观众列表功能
anchorView.disableHeaderVisitorCnt(true)
隐藏底部操作区的连麦功能
anchorView.disableFooterCoGuest(true)
隐藏底部操作区的连线功能
anchorView.disableFooterCoHost(true)
隐藏底部操作区的 PK 功能
anchorView.disableFooterBattle(true)
隐藏更多设置面板中的音效功能
anchorView.disableFooterSoundEffect(true)