前言

如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法：

属性

•el容器节点的选择器，容器节点应为绝对定位，设置好宽高•height 每条弹幕的高度•mode 弹幕模式，half则为一半容器高度，top为三分之一，full为占满•speed弹幕划过屏幕的时间•gapWidth后一条弹幕与前一条弹幕的距离

方法

•pushData 添加弹幕元数据•addData持续加入弹幕•start开始调度弹幕•stop停止弹幕•restart 重新开始弹幕•clearData清空弹幕•close关闭•open重新显示弹幕

PS:有一些自封装的工具函数就不贴出来了，大概知道意思就好

初始化

引入JavaScript文件之后，我们希望如下使用，先采取默认配置。

let barrage = new Barrage({ el: '#container'})

参数初始化：