弹幕

安装

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