Skip to content

Attributes

插件提供了以下属性:

参数说明类型可选值默认值
danmus弹幕元素列表,支持纯文本或者自定义对象(支持 v-model)Array字符串[]或对象[]必填
channels轨道数量Number0
autoplay是否自动播放Booleantrue
loop是否开启弹幕循环Booleanfalse
fontSize弹幕字号(slot 模式下不可用)Number18
extraStyle额外样式(slot 模式下不可用)String-
speeds弹幕速度(每秒移动的像素数)Number100
debounce弹幕刷新频率(ms)Number100
randomChannel随机选择轨道插入Booleanfalse
top弹幕垂直间距(px)Number10
right弹幕水平间距(px)Number10
isSuspend是否开启弹幕悬浮暂停Booleanfalse
useSlot是否开启弹幕插槽Booleanfalse
useSuspendSlot是否开启弹幕悬浮时插槽(开启isSuspend时可用)Booleanfalse

你可根据自己的需求任意的使用这些属性,但是需要注意的是:

  1. channels 为 0 时,轨道数为容器可容纳最多轨道数(整个容器);
  2. danmus 初始化后如果为空,则 autoplay 失效。因此对于异步加载的弹幕数据,需要手动调用 refName.value.play() 进行播放;
  3. 弹幕刷新频率为每隔多长时间插入一条弹幕;

Usage

具体使用情况不在赘述,详情可参考demo

Preview

预览地址即为 demo 效果。

Preview

Copyright © 2023-present dshuais. All rights reserved.