@lin-media/danmaku

弹幕

安装

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 参数

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

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: "显示区域"
  }
});