html5 网页弹幕,Damoo

- 日理万妓 2022-10-06 11:58 199阅读 0赞

软件简介

Damoo 是一个轻量级的 HTML5 弹幕引擎。可以在页面元素上附加一层弹幕图层并且以非常简单的 API

调用方式使用。查看DEMO

Damoo

一个不起眼的 HTML5 弹幕引擎。

Getting started

走起

下载最新发行版本。

需要在页面中准备一个合适的容器。

Then, import damoo.js or damoo.min.js.

然后引入damoo.js或damoo.min.js。

Initiate Damoo.

初始化。

var damoo = Damoo('dm-screen', 'dm-canvas', 20);

Or use your own font instead of “sans-serif”.

可自定义全局字体。

var damoo = Damoo('dm-screen', 'dm-canvas', 20, "Arial");

And run it.

运行。

damoo.start();

Danmaku can be emitted by calling emit method.

用emit方法发射弹幕。

damoo.emit(\{ text: "Damoo is awesome!", color: "\#f49" \});

Enable text shadow.

开启字体阴影。

damoo.emit(\{ text: "I got a shadow!", color: "\#000", shadow: true \});

Color the shadow.

自定义阴影颜色。

damoo.emit(\{ text: "Hooray!", color: "\#f00", shadow: \{ color: "\#f49" \} \});

Danmaku can also be fixed at the center of the screen.

发射固定弹幕。

damoo.emit(\{ text: "I'M FIXED!", color: "\#6f9", fixed: true \});

Clear the screen.

清空屏幕。

damoo.clear();

You may hide Damoo.

隐藏弹幕图层。

damoo.hide();

And bring it back.

显示弹幕图层。

damoo.show();

If needed, you may suspend the animation.

暂停动画。

damoo.suspend();

And resume it when ready to go.

恢复动画。

damoo.resume();

Contributing 填坑

Hope you enjoy the code!

你们城里人都很会玩，我就不多说了。

(:з」∠)

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android弹幕实现：基于B站弹幕开源系统（5）-抽象和复用

Android弹幕实现：基于B站弹幕开源系统（5）-抽象和复用改造和整理了附录1,2,3,4的代码工程，出于未来可二次复用和定制的原则，我把这些代码共享到githu

た入场券/ 2023年10月17日 12:23/ 0 赞/ 53 阅读

相关 Android弹幕实现：基于B站弹幕开源系统（2）

Android弹幕实现：基于B站弹幕开源系统（2）在附录1的基础上，模拟实现一种实际开发的应用场景：从网络中不间断的周期取弹幕数据，这些弹幕数据往往是批量的，然后把

系统管理员/ 2023年10月17日 12:08/ 0 赞/ 79 阅读

相关 Html —— 表白弹幕特效（效果+代码）

目录效果代码说明效果 ![在这里插入图片描述][9a8ba89cbd1840c1936399871ed7bccb.

客官°小女子只卖身不卖艺/ 2023年10月01日 20:16/ 0 赞/ 45 阅读

相关 php+js实现弹幕,基于HTML5的有弹幕功能的视频播放器

如何使用 Danmmu Player需要依赖jQuery，因此首先需要加入相关css和js文件。接下来，在body中需要放置播放器的位置加入如下代码：最后，关键的部分

客官°小女子只卖身不卖艺/ 2023年01月16日 09:42/ 0 赞/ 213 阅读

相关 html5 网页弹幕,Damoo

软件简介 Damoo 是一个轻量级的 HTML5 弹幕引擎。可以在页面元素上附加一层弹幕图层并且以非常简单的 API 调用方式使用。查看DEMO Damoo 一个不起眼

- 日理万妓/ 2022年10月06日 11:58/ 0 赞/ 200 阅读

相关简易弹幕实现

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] html <style> da

深藏阁楼爱情的钟/ 2022年10月02日 09:46/ 0 赞/ 267 阅读

相关弹幕效果实现

前言昨天晚上11点了还没睡着，惆怅能力不足，但不知道怎么能快速的提升自己。呜呼哀哉，临睡前看了一个弹幕的效果实现的技术视频，听着很好的，自己在做电商这块也没写过弹幕。今

川长思鸟来/ 2022年09月25日 01:24/ 0 赞/ 306 阅读

相关 HTML5 CANVAS 弹幕插件

概述修改了普通弹幕运动的算法，新增了部分功能详细代码下载：[http://www.demodashi.com/demo/10595.html][http_

r囧r小猫/ 2022年05月31日 08:47/ 0 赞/ 328 阅读

相关 javaScript视频弹幕

视频弹幕 <script type="text/javascript"> function $(str){return document.getEle

太过爱你忘了你带给我的痛/ 2022年01月16日 02:11/ 0 赞/ 396 阅读

相关 Canvas弹幕实现

canvas知识绘制文字 let canvas = document.getElementById('canvas'); let ctx = ca

朱雀/ 2021年06月10日 20:38/ 0 赞/ 646 阅读