最近在做大作业的时候需要做一个弹幕播放器，今天小编给大家分享基于HTML使用canvas实现弹幕功能，需要的的朋友参考下吧

简介  最近在做大作业的时候需要做一个弹幕播放器。借鉴了一下别人的源码自己重新实现了一个，演示如下 主要的功能有 发送弹幕 设置弹幕的颜色，速度和类型 显示弹幕   已知缺陷： 不能全屏 canvas没有做自适应 没有自定义播放器控件 没有根据播放时间显示相应的弹幕 弹幕不能实现悬停 已知的缺陷以后会进行改进。网上能找到的弹幕播放器的源码一般只做了滚动的弹幕而没有做静止的弹幕，这里我特意加上了静止弹幕的实现。 Canvas绘制文字以及文字滚动效果  整个播放器的核心就是绘制文字以及做文字滚动的

最近由于项目需要定制化一个弹幕功能，所以尝试使用canvas来开发组件。经过测试在一些低端机的效果也没有明显的卡顿，和大家交流一下 弹幕效果  功能介绍 支持循环弹幕 弹幕不重叠 支持选择轨道数 支持弹幕发送 使用 npm i vue-barrage 参数配置  name type default desc barrageList Array [] 弹幕数据 speed Number 4 弹幕滚动速度 loop Boolean true