彈幕
更新時間:2021-07-13 11:31:09
功能介紹
POLYV播放器擁有彈幕功能,可以增加觀看影片時的互動性
功能API
參數
| 參數名 | 類型 | 預設值 | 說明 |
|---|---|---|---|
| danmuEnable | boolean | false |
是否開啟彈幕功能 |
| showDanmu | boolean | true |
彈幕狀態,false 時一開始關閉 |
| banDanmuBtn | boolean | false |
為 true 時不顯示彈幕按鈕 |
參數設定範例
var player = polyvLivePlayer({
wrap: '#player',
width: 800,
height: 533,
uid:'uid',
vid:'vid',
danmuEnable: true,
});
方法
| 方法名 | 參數 | 回傳值 | 說明 |
|---|---|---|---|
| j2s_addBarrageMessage | string | / | 彈幕支援文字和圖片,圖片需要用 [[...]] 包含起來 |
| setBarrageStatus | boolean | / | 動態顯示隱藏彈幕模組 |
方法呼叫範例
const str = 'ajskd[[http://www.mywebsite.com/1.jpg]]'
const danmuData = `[{"msg":"${str}","fontSize":24,"fontColor":"0xffffff","fontMode":"roll"}]`;
player.j2s_addBarrageMessage(danmuData);
player.setBarrageStatus(false);
方法詳解
j2s_addBarrageMessage
| 參數名 | 取值 | 預設值 | 說明 | 是否為必填項 |
|---|---|---|---|---|
| msg | / | / | 彈幕內容,圖片需要用 [[...]] 包含起來 | ✔️ |
| fontSize | 12~ | 30 | 字體大小 | ✔️ |
| fontColor | 16 進位顏色值 | 0x000000 | 字體顏色 | ✔️ |
| fontMode | roll | roll | 出現方式 | ✔️ |
| fontArea | top/bottom | / | 出現區域 | |
| fontAreaPercent | / | 25% | 出現區域百分比 |
