互動功能接收端 UI 元件
更新時間:2022-09-29 15:53:07
概述
本專案是保利威直播互動功能接收端(觀眾端)的 UI 元件,基於 Vue.js 2.6.x 編寫,開發人員可以直接使用本元件或基於本元件進行客製化。
如果您使用的是 React、Angular 等其他框架,可以參照本元件原始碼和 SDK 文件自行實作對應的介面。
注意,部分功能在 UI 設計稿中是以模態框(Modal)形式呈現的,但本元件僅提供主體內容部分,請自行實作外層模態框(或以其他形式展現),並根據對應元件的事件去控制可見性。
使用
安裝
npm i @polyv/interactions-receive-sdk @polyv/interactions-receive-sdk-ui-default
前者為 SDK,後者為 UI 元件。
配置 SDK
請參考互動功能接收端 SDK的 「引入」和 「初始化」說明。
在 SDK 初始化完畢後,再載入元件。
元件呼叫
具體使用請參考各元件文件的「引入」及「使用方式」等章節。
元件文件
完成SDK的配置後,即可進行各SDK模組的實例化,搭配本專案各元件進行使用。
具體見各功能元件詳細文件。
- 答題卡(AnswerCard):答題卡 UI 元件文件
- 簽到(CheckIn):簽到 UI 元件文件
- 抽獎(Lottery):抽獎 UI 元件文件
- 公告(Announcement):公告 UI 元件文件
- 問卷(Questionnaire):問卷 UI 元件文件
- 卡片推送(PushCard):卡片推送 UI 元件文件
- 條件抽獎(WelfareLottery):條件抽獎 UI 文件
- 圖文直播(Tuwen):圖文直播 UI 文件
- 商品庫(Product):商品庫 UI 文件
