超轻量 HTML5 弹幕引擎

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3284 天前的主题，其中的信息可能已经有所发展或是发生改变。

自己没事写了个弹幕玩玩。

https://github.com/jamesliu96/Damoo

刚写出来没几天，热乎着呢。还在不断更新新功能改bug！慢慢来吧~
希望后期能做得比较不错~

求Fork！求PR！

豆豆
2015年04月22日于北京（微博@啊啊啊啊啊豆豆）

第 1 条附言 · 2015-04-23 01:39:45 +08:00

求各种fork！大家贡献自己的力量啦~ 么么哒~ 感谢各位~ I'll be grateful!

第 2 条附言 · 2015-04-23 15:25:14 +08:00

Web demo在此→ http://damoo.jamesliu.info/
更新比较频繁，烦请大家经常刷新缓存。
么么哒~

第 3 条附言 · 2015-04-26 22:52:29 +08:00

来Gitter聊→https://gitter.im/jamesliu96/Damoo

04月

fork

2015年

28 条回复 • 2015-04-26 22:52:44 +08:00

Comdex

2015-04-22 23:03:58 +08:00

有没有个演示啊

jamesliu96

2015-04-23 00:18:44 +08:00

@Comdex 有，准备过段时间上，现在可以按照README里面的步骤自己试一下，很简单哒~

wdhwg001

2015-04-23 00:24:36 +08:00 via iPhone

单纯的填文本并不是一个好办法，在应对单条数万字的弹幕（如ACFun常见的高级弹幕）的时候会很无力。
建议根据Canvas尺寸将文字预渲染为图片。
并且…如果可能的话，最好做一下worker，将渲染任务挪至worker中进行，使用队列进行预渲染缓冲。

wdhwg001

2015-04-23 00:27:02 +08:00 via iPhone

另外，个人觉得，一个弹幕系统的性能应该达到播放像素级Bad Apple才算是良好…不过简单几条弹幕的话倒也不能挑剔什么…

jamesliu96

2015-04-23 00:30:09 +08:00

@wdhwg001 感谢建议 :) 如果能够帮忙写下就更好啦~

wdhwg001

2015-04-23 00:51:21 +08:00 via iPhone

@jamesliu96 好的已fork…改天去填。

CRight

2015-04-23 00:55:57 +08:00 via iPad

记得a站好像也开源了程序吧。

Daniel65536

2015-04-23 01:07:12 +08:00 via iPad

@CRight ab站都是flash的。

jamesliu96

2015-04-23 01:39:32 +08:00

求各种fork！大家贡献自己的力量啦~ 么么哒~ 感谢各位~ I'll be grateful!

jamesliu96

2015-04-23 03:56:46 +08:00

@wdhwg001 预渲染没问题啦，大概已经做好了。如果使用worker会更好，然而worker无法调用DOM，因此需要其他方法hack...

jamesliu96

2015-04-23 04:02:11 +08:00

我在想，是不是应该用SVG文字渲染起来会更流畅。

wdhwg001

2015-04-23 08:46:01 +08:00 via iPhone

@jamesliu96 http://stackoverflow.com/questions/1864756/web-workers-and-canvas 可以传图片算是一个好事。

Artail

2015-04-23 08:47:30 +08:00 via Android

战略MARK

falcon05

2015-04-23 08:48:26 +08:00 via iPhone

关注

Moker

2015-04-23 08:49:45 +08:00

已Start

branchzero

2015-04-23 08:50:50 +08:00

多谢分享，已star。
貌似目前只能定义颜色，位置貌似不能定义，还有高级弹幕，期待完善：）
还有一个同类： https://github.com/jabbany/CommentCoreLibrary

jamesliu96

2015-04-23 08:53:42 +08:00

@branchzero 是的。此项目还在开发中。CommentCoreLibrary大概是目前开源的最完整的弹幕库，但是我希望做成的也是标题里面说的“超轻量”，所以互不影响啦~ 感谢支持 :)

chshouyu

2015-04-23 10:17:28 +08:00

没有在线demo的程序都是耍流氓（不要打我）

jamesliu96

2015-04-23 11:38:59 +08:00

@chshouyu 好好好，马上出demo（= =抠鼻

jamesliu96

2015-04-23 15:23:55 +08:00

@Comdex
@chshouyu demo在此： http://damoo.jamesliu.info/

jamesliu96

2015-04-23 17:01:25 +08:00

最新更新完整支持元素遮罩，可以附载在各种视频控件上。

chshouyu

2015-04-23 23:01:23 +08:00

@jamesliu96 不错，就是页面打开超级慢

jabbany

2015-04-24 10:33:10 +08:00

@jamesliu96
要是想做Worker调用DOM的话，可以考虑参考CommentCoreLibrary代码弹幕支持的部分。代码在Worker沙箱里面跑，伪造一个底层API发送绘图命令到DOM前端绘制。
http://jabbany.github.io/CommentCoreLibrary/demo/scripting/ccl.htm

目前大部分代码弹幕还都是在用性能不是很好的SVG绘图，不知道canvas会如何。

jamesliu96

2015-04-24 10:54:00 +08:00

@jabbany 大神！受教！Orz 我去学习学习~

emlcj

2015-04-24 11:44:27 +08:00

光驱子开源的A站H5播放器 https://github.com/koukuko/html5-player-acfun-tv

kiray

2015-04-24 11:57:27 +08:00

Web demo 里的背景图片很有科技感，点阵图片无限放大不失真。
http://int64ago.qiniudn.com/o_19jkp2q0518421caaqhe13jle9n9.png

jamesliu96

2015-04-24 15:12:07 +08:00

@kiray 哈哈是这样的，特别酷！

jamesliu96

2015-04-26 22:52:44 +08:00

来Gitter聊→https://gitter.im/jamesliu96/Damoo