bullet-screen-engine

openBSE

English Version | wiki | Demo

高性能 JavaScript 弹幕引擎。同屏弹幕1000+

简介

一个高性能 JavaScript 弹幕引擎，简单易用。支持CSS3、Canvas 2D、WebGL渲染方式。支持顶部、底部、逆向弹幕渲染。使用Canvas 2D渲染方式可同屏渲染至少1000条弹幕（可达1600条，与电脑配置有关）。

安装和使用

安装

你可以直接点击这里下载最新发行版本，也可以用以下命令安装NPM包。

> npm install bullet-screen-engine

使用

安装完成后，在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',
        startTime: _startTime
    });
    _startTime += parseInt(Math.random() * 300);
}
bulletScreenEngine.play();

用浏览器打开网页即可显示弹幕。

详细使用说明请查看 wiki 。

联系作者

如果有任何问题请写下 issues 。
E-mail：[e-mail]

版权声明

这个项目是一个开源项目，遵循MIT开源协议。要查看协议，请点击这里。