話題PK
更新時間:2024-04-22 19:18:32
功能概述
本模組用於接收處理話題PK相關的邏輯
初始化及銷毀
在實例化該模組並進行使用之前,需要對SDK進行初始化配置,詳細請見參考文件。
線上檔案引入方式
// script 标签引入,根据版本号引入JS版本。
<script src="https://websdk.videocc.net/interactions-receive-sdk/0.24.0/lib/polyv-ir.umd.js"></script>
<script>
const { Topic } = window.PolyvIRSDK;
</script>
import 方式引入(推薦)
import { Topic } from '@polyv/interactions-receive-sdk';
const topicSdk = new Topic();
// 销毁 SDK 实例,清除逻辑
topicSdk.destroy();
使用流程
監聽「話題開始」事件
在保利威後台開始話題後,topicSdk.events.TOPIC_START 事件會被觸發,事件參數中包含話題PK的id及內容,接入方可監聽此事件並根據內容進行展示。
topicSdk.on(topicSdk.events.TOPIC_START, function(msg) {
console.log('话题开始:', msg);
});
監聽「話題結束」事件
在保利威後台點擊結束話題,topicSdk.events.TOPIC_OVER 事件會被觸發,根據展示話題結束內容。
topicSdk.on(topicSdk.events.TOPIC_OVER, function(msg) {
console.log('话题结束:', msg);
});
監聽「話題統計」事件
在其他觀眾選擇正反方觀點後,topicSdk.events.TOPIC_UPDATE_DATA 事件會被觸發,事件參數中包含正反方的統計人數。
topicSdk.on(topicSdk.events.TOPIC_UPDATE_DATA, function(data) {
console.log('话题统计:', data);
});
監聽「話題刪除」事件
在保利威後台點擊刪除話題,topicSdk.events.TOPIC_DELETE 事件會被觸發,接入方可透過id判斷當前展示的話題是否已被刪除。
topicSdk.on(topicSdk.events.TOPIC_DELETE, function(msg) {
console.log('话题删除:', msg);
});
監聽「話題掛件入口是否隱藏」事件
在保利威後台點擊話題開關,topicSdk.events.TOPIC_CHANGE_ENTRANCE 事件會被觸發,接入方可判斷當前掛件入口是否隱藏。
topicSdk.on(topicSdk.events.TOPIC_CHANGE_ENTRANCE, function(msg) {
// 挂件入口
// this.entranceVisible = msg.entranceEnable;
console.log('挂件入口状态:', msg);
});
注意
如果不再需要使用話題SDK時,請呼叫SDK實例的destroy方法來銷毀實例。
