一、步骤 1. 开通服务
参考 开通服务 文档开通「体验版」或「大规模直播版」套餐。
二、步骤 2. 代码集成
参考 准备工作 接入 TUILiveKit。
三、步骤 3. 添加直播列表页面
在你需要进入直播列表页面的调用入口（具体由你的业务决定），执行如下操作，拉起直播列表页面或将直播列表页面集成到自己的 Widget 树中：
直接跳转集成到 Widget 树// 跳转到直播列表页面Navigator.push(context, MaterialPageRoute( builder: (context) { return LiveListWidget();}));// — 根据你的Widget树结构，选择以下一种方式集成 —// [选项一] 作为唯一子Widget（单子树）// 适用于Container、Padding等通常只包含一个子Widget的容器Container( child: LiveListWidget() // 在此处集成直播列表页)// [选项二] 作为多个子Widget之一（多子树）// 适用于Column、Row、Stack等可以包含多个子Widget的布局Stack( children: [ YourOtherWidget(), // 你的其他子Widget LiveListWidget(), // 在此处集成直播列表页 YourOtherWidget(), // 你的其他子Widget ])
四、下一步
恭喜你，现在你已经成功集成了 直播列表 功能。接下来，你可以根据你的业务场景实现主播开播、观众观看等功能
视频直播场景：
| 功能 | 描述 | 集成指引 |
| 主播开播 | 实现主播开播全流程功能，包括开播前的准备和开播后的各种互动。 | 主播开播 |
| 观众观看 | 实现观众进入主播的直播间后观看直播，实现观众连麦 、直播间信息、在线观众、弹幕显示等功能。 | 观众观看 |
语聊房场景：
| 功能 | 描述 | 集成指引 |
| 主播开播 | 实现主播开播全流程功能，包括开播前的准备和开播后的各种互动。 | 主播开播 |
| 观众观看 | 实现观众进入主播的直播间后观看直播，实现观众连麦 、直播间信息、在线观众、弹幕显示等功能。 | 观众观看 |
五、集成直播列表功能后页面没有任何直播怎么办？
如果你看到空白页面，需要检查你是否已完成 登录步骤。为了测试该功能，你可以使用两台设备：一台设备用于开播，另一台设备在直播列表页面，就能拉取到已开播的直播间。