彈幕

更新時間：2023-04-24 09:53:29

功能介紹

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	Object	/	彈幕顯示文案，支援內嵌圖片，具體呼叫方式請參考下方

方法詳解

j2s_addBarrageMessage

參數名	類型	取值範圍	預設值	說明	是否為必填項
msg	string	/	/	彈幕內容，圖片需要用[[...]]包含起來	是
fontSize	number	/	30	字體大小	否
fontColor	string	16進位顏色值	0x000000	字體顏色	否
fontMode	string	roll \| top \| bottom	roll	顯示方式： roll 螢幕上自右向左滾動 top 固定頂部 bottom 固定底部	否

方法呼叫範例

j2s_addBarrageMessage

// 文本弹幕
const danmuData = {
  msg: '这是文本弹幕数据',
  fontSize: 30,
  fontMode: 'roll',
  fontColor: '0x000000',
};
player.j2s_addBarrageMessage(danmuData);

// 文本内嵌图片弹幕，需要将图片地址用双中括号包裹使用
const danmuData = {
  msg: '这是图片[[http://www.mywebsite.com/1.jpg]]弹幕数据',
  fontSize: 30,
  fontMode: 'roll',
  fontColor: '0x000000',
};
player.j2s_addBarrageMessage(danmuData);