互动功能接收端 UI 组件

简介

保利威各开播端、助教端都可以在直播过程发起签到、抽奖、问卷等直播互动。对应地，在观看端也需要呈现这些互动。为了让保利威云直播观看页以及客户定制观看页都能方便地接入这些功能，我们把互动功能做成了 SDK 以及 UI 组件。

考虑到客户可能需要对互动功能的 UI 进行定制，所以我们的 UI 组件是开源的，即本开源项目。

概览

互动功能接收端 UI 组件是基于 Vue.js 2.6 开发的，目前包含以下子组件：

项目启动

Node.js 版本要求：v18.16.1

建议使用 nvm 进行 Node.js 版本管理。本项目根目录下的 .nvmrc 文件已指定了所需的 Node.js 版本。

安装依赖：

npm install

本地运行：

npm run dev

传入对应参数，具体请参考文档

使用浏览器打开 https://localhost:24001 即可运行 demo。

目录说明

关于icons 图标用法请参考该文档

构建

本地构建：

npm run build

构建后会在项目内生成 dist 目录，里面包含：

• UMD 规范的 js 文件，位于 dist/lib/；
• CommonJS 规范的 js 文件，位于 dist/lib/；
• 图片、字体等资源文件，位于 dist/assets。

您需要自行把资源文件发布到服务器上，并相应配置 webpack.lib.config.js 中的资源发布路径 publicPath，才可以正常引用。