html5 网页弹幕,Damoo

- 日理万妓 2022-10-06 11:58 166阅读 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 条评论，166人围观）

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

相关阅读

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

Android弹幕实现：基于B站弹幕开源系统（1）如今的视频播放，流行在视频上飘弹幕。这里面做的相对比较成熟、稳定、使用量较多的弹幕系统，当推B站的弹幕系统，B站的

我就是我/ 2023年10月17日 12:06/ 0 赞/ 37 阅读

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

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

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

相关 html5 网页弹幕,Damoo

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

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

相关 canvas发送视频弹幕功能效果 html+css+js

一.话不多，先上效果： [b站超清演示视频地址][b] 二.详细实现步骤： 1.先定义HTML标签： <div class="container">

Myth丶恋晨/ 2022年10月05日 01:58/ 0 赞/ 257 阅读

相关简易弹幕实现

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

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

相关弹幕效果实现

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

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

相关 HTML5 CANVAS 弹幕插件

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

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

相关 javaScript视频弹幕

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

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

相关推荐一个弹幕库

github:[https://github.com/bytedance/danmu.js][https_github.com_bytedance_danmu.js] [h

末蓝、/ 2021年12月18日 14:07/ 0 赞/ 272 阅读

相关 Canvas弹幕实现

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

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