安装和初始化

本文档主要介绍如何快速引入观看页小程序 SDK 并创建观看页小程序 SDK 核心实例。

前提条件

• 已通过保利威 Saas 视频平台创建账号，注册入口。

• 已通过直播管理后台创建直播频道，创建直播频道入口。

步骤1：引入 SDK

在使用 npm 方式引入 SDK 时，你需要熟悉微信小程序官方文档：npm 支持。

安装 SDK

npm install @polyv/live-watch-miniprogram-sdk --save

引入 SDK

import { createWatchCore } from '@polyv/live-watch-miniprogram-sdk';

步骤2：创建核心实例

通过 createWatchCore 方法创建 观看页核心单一实例(watchCore)，以下简称 watchCore。

import { createWatchCore } from '@polyv/live-watch-miniprogram-sdk';

const watchCore = createWatchCore({
  channelId: 'xxxxx', // 传入观看页的频道号
});

详细的调用说明可见：观看页核心

步骤3：安装核心实例

创建 watchCore 后，需要调用 setup 方法安装核心实例。

import { PolyvWatchCoreEvents } from '@polyv/live-watch-miniprogram-sdk';

// 监听 setup 钩子
watchCore.eventEmitter.on(PolyvWatchCoreEvents.WatchCoreSetuped, () => {
  console.info('观看页核心实例安装完成');
});

// 安装核心实例
await watchCore.setup();

详细的调用说明可见：观看页核心

需要注意的是，setup 只是用来安装 watchCore 实例以及内部模块，如果内部模块需要同步依赖保利威其他配套功能 SDK，比如互动和播放器功能，那还需要调用对应模块的方法来实安装功能 SDK，比如 安装播放器 SDK watchCore.player.setupPlayer()。

其他像连麦等其他模块也有类似的方法，具体请直接参考对应的模块文档，安装时机一般可以在对应的 UI 组件初始化时才同步执行

此时可以显示观看页的内容，如：引导/授权页、直播观看页，注意进入直播观看页需要判断当前观众是否已经过观看条件授权后才可以显示，请见步骤四：

步骤4：授权及连接聊天室

创建 watchCore 以及通过 setup 安装实例后，判断观众是否进行观看条件授权：

• 未授权：显示引导/授权页进行观看条件授权。
• 已授权：调用 connect 方法连接聊天室后即可显示直播观看页。

示例如下：

// 观众未进行观看条件授权
if (!watchCore.auth.isAuthorized()) {
  // TODO：显示引导/授权页

  // 观众点击观看页入口或执行观看条件授权，如：无条件授权
  const result = await watchCore.auth.verifyNoneAuth();
  if (!result.success) {
    console.error('授权失败了！！', result.failReason);
    return;
  }

  // 当观众执行观看条件授权成功，需要重新安装 watchCore
  await watchCore.setup();
}

// 当完成观看条件授权后，即可连接聊天室进入直播观看页
await watchCore.connect();

// TODO：连接成功，显示直播观看页

详细的调用说明可见：观看页核心

页面流程图

关于观看页应用时序图如下：