实时音视频观众观看（uni-app 客户端）

本文将指导您如何快速集成观众观看页，实现观众进入主播的直播间后观看直播，实现观众连麦 、直播间信息、在线观众、礼物显示、点赞，弹幕显示等功能。
功能预览
观看直播
观众连麦
﻿
﻿
﻿
﻿
前提条件
在开始集成观众观看页前，需要先完成以下步骤：
1. 已集成核心文件：您已经按照 代码集成指引 将 TUILiveKit 的 pages、 uni_modules、utils 等核心文件拷贝到了您的项目中。
2. 已完成登录：您的应用已经调用了登录接口并成功登录。这是使用所有功能的基础。
3. 已制作并使用自定义基座：由于直播功能依赖原生插件，您必须在 HBuilderX 中为您的项目制作并使用自定义调试基座来运行。
页面功能
观众观看页接入
注册观众观看页面
现在，您需要在 pages.json 文件中告诉您的应用，这个新页面是存在的。
打开您项目根目录下的 pages.json 文件，在 "pages" 数组中，添加以下对象来注册观众观看页。
{
    "pages": [
        // ... 您项目已有的其他页面配置
        {
           "path": "pages/audience/index",
            "style": {
                "navigationBarTextStyle": "white",
                "app-plus": {
                    "titleNView":false
                 }
            }
        },
    ]
    // ... 其他配置
}
﻿
跳转到观众观看页面
在您需要观众观看的地方（具体由您的业务决定，在其点击事件里执行），调用 uni.navigateTo 或 uni.redirectTo 方法，即可进入观众观看页面。
// 示例：在一个按钮的点击事件中
function startBroadcast() {
  uni.$liveId = liveId //您要加入的直播间 Id;
  joinLive({
    liveId: uni.$liveId,
    success: () => {
      uni.redirectTo({
        url: '/pages/audience/index', // URL 对应 pages.json 中配置的 path
      });
    }
  });
}
观众观看（uni-app 客户端）

本页目录：

功能预览

前提条件

页面功能

观众观看页接入

注册观众观看页面

跳转到观众观看页面
