本文将指导您如何快速集成 TUILiveKit 组件，实现主播开播全流程功能，包括开播前的准备和开播后的各种互动。
效果展示
TUILiveKit 提供了完整的主播功能模块，涵盖了从开播准备到直播互动的所有环节：
主播准备页：实现摄像头预览、美颜、滤镜、摄像头翻转等功能。
主播开播页：支持观众连麦、主播连线、主播 PK、直播间信息展示、观众列表、礼物和弹幕等功能。
主播开播预览 | 主播直播中 | 主播连麦中 |
 |  |
 |
布局样式
TUILiveKit 提供了四种预设的布局模板，您可以在主播开播页布局功能入口根据需求选择合适的样式。
名称 | 动态宫格布局 | 浮动小窗布局 | 固定宫格布局 | 固定小窗布局 |
模板 ID | 600 | 601 | 800 | 801 |
描述 | 默认布局，可根据连麦人数动态调整宫格大小。 | 连麦嘉宾以浮动小窗形式显示。 | 连麦人数固定，每个嘉宾占据一个固定宫格。 | 连麦人数固定，嘉宾以固定小窗形式显示。 |
预览 |  |  |  |  |
前提条件
功能接入
TUILiveRoomAnchorWidget 已集成了主播开播前预览、主播开播页，您只需要配置 TUILiveRoomAnchorWidget 的调用入口（具体由您的业务决定，在其点击事件里执行），执行如下操作，拉起主播页面：// 跳转到主播页面Navigator.push(context, MaterialPageRoute(builder: (context) {return TUILiveRoomAnchorWidget(roomId: roomId);}));// 将主播页面加载到自己的widget树中// 单子树示例Container(child: TUILiveRoomAnchorWidget(roomId: roomId))// 多子树示例Column(children: [TUILiveRoomAnchorWidget(roomId: roomId)])
