Fly Barrage

高级弹幕的计算是最简单的，因为每个高级弹幕和其他弹幕是无交互的，不需要处理相互重叠的问题，只需要根据当前视频的播放时间计算出高级弹幕处于的位置即可。

今天和大家说说顶部、底部弹幕的设计与实现，这块的逻辑相对简单些，为了方便，这里把顶部、底部弹幕统一叫固定弹幕。 1：固定弹幕 left 的计算 固定弹幕从开始渲染到渲染结束，它的 left 属性都是不

今天和大家说说滚动弹幕的设计与实现，为了便于理解，我会由简到难的一步步解析说明，主要包括以下几块内容： 实现一条滚动弹幕的计算与渲染； 实现多条滚动弹幕的计算与渲染； 实现多条滚动弹幕相同字号并且不允

如果弹幕内容只支持文字的话，只需要借助 canvas 绘图上下文的 fillText 方法就可以实现功能了。 但如果想同时支持渲染图片和文字的话，需要以下几个步骤：

fly-barrage 是我写的一个前端弹幕库，由于经常在 Bilibili 上看视频，所以对网页的弹幕功能一直蛮感兴趣的，所以做了这个库，可以帮助前端快速的实现弹幕功能。