弹幕插件 | 幺风

使用

方式一：

下载资源包，解压后引入 barrage.min.js 和 style.css

在 js 中初始化并使用

// 初始化
let barrage = new Barrage.default({
  el: 'body'
})

// 发送弹幕
barrage.start('这是一个测试', {
  speed: 10,
  headImg: 'static/1.jpeg'
})

1
2
3
4
5
6
7
8
9
10

方式二：

# 下载min-barrage
npm install min-barrage -D

# 引入

import Barrage from 'min-barrage'
import 'min-barrage/lib/style.css'

# 使用

# 初始化
let barrage=new Barrage(
  {
    el:'body'
  }
);

# 发送弹幕
barrage.start('这是一个测试',
  {
    speed:10,
    headImg:'static/1.jpeg'
  }
);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

API

初始化传参

属性	说明	类型	默认值	必填
el	插入弹幕的父级元素，如'.barrge','#el'	string		是
defaultHeader	默认显示的头像，可以是本地静态图片地址，也可以是线上地址，不能是绝对地址	string	无
url	点击弹幕默认的 url 地址	string	无
speed	弹幕默认移动速度，如 10 表示 10s 内完成移动	number	10
color	字体颜色,支持各种颜色值	string	#ffff（白色）
backColor	弹幕背景颜色	string	#69696980(黑灰透明)
height	弹幕高度	string	40px
fontSize	弹幕字体大小	string	20px
isLeft	弹幕移动方向，为 true 时从左往右移动	boolean	false

start 方法

Barrage.prototype.start(message,option)

属性	说明	类型	默认值	必填
message	弹幕显示的信息	string	无	是
option	可选参数，单条弹幕移动速度，鼠标点击跳转页面等	object	无

option 可选参数

属性	说明	类型	默认值
speed	单条弹幕移动速度，如 10 表示 10s 内完成移动	number	初始化的传值
url	鼠标点击弹幕跳转页面	string	无
headImg	弹幕头像地址，仅支持绝对地址或者网络图片地址	无

# 使用

# API

使用

API