微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BulletScreenEngine 安装使用 高性能弹幕引擎

程序名称:BulletScreenEngine 安装使用

授权协议: MIT

操作系统: 跨平台

开发语言: JavaScript

BulletScreenEngine 安装使用 介绍

openBSE

English
Version
|
wiki |
Demo |
Home

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

简介

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

安装和使用

安装

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

> npm install openbse

使用

安装完成后,在Html页面引入。

压缩版:

<script src="openBSE.all.min.js"></script>

调试版:

<script src="openBSE.all.js"></script>

添加一个 id 为 BulletScreensDiv 的固定大小的 div 标签用于显示弹幕,并插入以下 JavaScript 代码

var bulletScreenEngine = new openBSE.BulletScreenEngine(document.getElementById('BulletScreensDiv'));
var _startTime = 5000;
for (var i = 0; i < 10000; i++) {
    bulletScreenEngine.addBulletScreen({
        text: "这是一个长长长长长长长长长长长长长长长长长长长长长长长长的测试(^_^)",
        startTime: _startTime
    });
    _startTime += Math.round(Math.random() * 300);
}
bulletScreenEngine.play();

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

详细使用说明请查看 wiki

联系作者

如果有任何问题请写下 issues
E-mail:[email protected]

版权声明

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

BulletScreenEngine 安装使用 官网

https://gitee.com/scott-xu/BulletScreenEngine

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐