@lin-media/danmaku v1.0.3

弹幕

安装

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

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类型时，下列字段可选

自定义语言包

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