代码拉取完成,页面将自动刷新
同步操作将从 scottxu/openBSE 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
English Version | wiki | Demo
高性能弹幕引擎。同屏弹幕1000+
一个高性能弹幕引擎,简单易用。支持CSS3、Canvas 2D、WebGL渲染方式。支持顶部、底部、逆向弹幕渲染。使用Canvas 2D渲染方式可流程渲染同屏1000条弹幕(可达1600条,与电脑配置有关)。
你可以直接点击这里下载最新发行版本,也可以用以下命令安装NPM包。
> npm install bullet-screen-engine
在构建之前,请确保已经全局安装Gulp,全局安装Gulp的命令如下。
> npm install --global gulp
安装完成后,在Html页面引入。
压缩版:
<script src="bulletScreenEngine.all.min.js"></script>
调试版:
<script src="bulletScreenEngine.all.js"></script>
添加一个 id 为 BulletScreensDiv
的固定大小的 div 标签用于显示弹幕,并插入以下 JavaScript 代码。
var bulletScreenEngine = new BulletScreenEngine(document.getElementById('BulletScreensDiv'));
var _startTime = 5000;
for (var i = 0; i < 10000; i++) {
bulletScreenEngine.addBulletScreen({
text: "这是一个长长长长长长长长长长长长长长长长长长长长长长长长的测试(^_^)",
color: 'white',
borderCorol: 'black',
startTime: _startTime
});
_startTime += parseInt(Math.random() * 300);
}
bulletScreenEngine.play();
用浏览器打开网页即可显示弹幕。
详细使用说明请查看 wiki 。
如果有任何问题请写下 issues 。
E-mail:scottxu@scottxublog.com
这个项目是一个开源项目,遵循MIT开源协议。要查看协议,请点击这里。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。