弹幕

弹幕部分完整配置如下

options: {
    ...
    danmaku: {
        open: true,
        placeholder: '在这里输入弹幕哦~',
        data: [],
        send: null
    }
    ...
}

开启弹幕

播放器默认不开启弹幕功能,如需开启首先要把 options.danmaku.open 配置为 true

弹幕数据

弹幕数据为一个弹幕信息数组,格式如下:

export interface danmakuType {
    time: number,
    color: string,
    type: number,
    text: string,
}
内容类型描述
timeint弹幕出现时间
colorstring16进制颜色值
typeint弹幕类型 0滚动 1顶部 2底部
textstring弹幕内容

发送弹幕

在单击发送弹幕后,会执行 options.danmaku.send 中传入的函数,函数参数与 #弹幕数据 中的 danmakuType 相同。

刷新弹幕数据

默认情况下,修改options.danmaku.data中的数据,播放器弹幕数据不会改变,如果需要动态修改弹幕数据,可增加danmaku-key配置,如以下代码所示

  <w-player :options="options" :danmaku-key="0"></w-player>

danmaku-key为数字类型,改变后会重新加载options.danmaku.data中的数据,实现刷新弹幕列表。

更新时间: