弹幕

演示

安装

npm i @lin-media/danmaku

初始化

import MediaPlayer from "@lin-media/player";
import Danmaku from "@lin-media/danmaku";
MediaPlayer.use(Danmaku);

const player = new MediaPlayer({
  // ...
  Danmaku: {
    // 弹幕字体颜色，随机
    fontColors: ["blue", "red", "green", "#fff"],
    // 弹幕字体大小随机
    fontSizes: [16, 18, 20, 22, 24, 26, 28]
  }
});

Danmaku 参数

提示

Danmaku 参数设置为 false 可关闭插件功能

参数	说明	类型	可选值	默认值
trackSize	轨道高度，可选	number	—	12
renderInterval	弹幕数据队列默认轮询间隔时间，可选	number	—	150
speedArg	移动速率，可选	number	—	0.0058
discardTime	弹幕的超时时间，超过时间会被丢弃，可选	number	—	5 * 60 * 1000
fontColors	弹幕字体颜色，随机，可选	Array<string>	—	—
fontSizes	弹幕字体大小，随机，可选	Array<number>	—	—

API

• player.danmaku.send(message)：发送消息弹幕，message 格式见下方

• player.danmaku.play()：开始弹幕

• player.danmaku.pause()：暂停弹幕

• player.danmaku.resize()：容器发生变化时调用

• player.danmaku.clearScreen()：清屏，移除所有弹幕

• player.danmaku.close()：关闭弹幕

• player.danmaku.open()：打开弹幕

message 参数格式

• player.danmaku.send('你好')

• player.danmaku.send({text:'你好',fontColor:30})

• player.danmaku.send([{text:'你好',fontColor:30},{text:'世界',fontColor:'blue'}])

当参数是Object或者Array类型时，下列字段可选

字段	说明	类型
text	弹幕文本	string
fontSize	字体大小，可选	number
fontColor	字体颜色，可选	string
rollTime	弹幕移动时间，单位秒，可选	number

自定义语言包

MediaPlayer.useLang({
  Danmaku: {
    full: "全屏",
    top: "顶部",
    bottom: "底部",
    pause: "暂停弹幕",
    show: "显示弹幕",
    opacity: "透明度",
    speed: "弹幕速度",
    showArea: "显示区域"
  }
});