超轻量 HTML5 弹幕引擎 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
jamesliu96
V2EX    分享创造

超轻量 HTML5 弹幕引擎

  •  1
     
  •   jamesliu96
    jamesliu96 2015-04-22 22:36:37 +08:00 8686 次点击
    这是一个创建于 3835 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己没事写了个弹幕玩玩。

    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
    28 条回复    2015-04-26 22:52:44 +08:00
    Comdex
        1
    Comdex  
       2015-04-22 23:03:58 +08:00
    有没有个演示啊
    jamesliu96
        2
    jamesliu96  
    OP
       2015-04-23 00:18:44 +08:00
    @Comdex 有,准备过段时间上,现在可以按照README里面的步骤自己试一下,很简单哒~
    wdhwg001
        3
    wdhwg001  
       2015-04-23 00:24:36 +08:00 via iPhone
    单纯的填文本并不是一个好办法,在应对单条数万字的弹幕(如ACFun常见的高级弹幕)的时候会很无力。
    建议根据Canvas尺寸将文字预渲染为图片。
    并且…如果可能的话,最好做一下worker,将渲染任务挪至worker中进行,使用队列进行预渲染缓冲。
    wdhwg001
        4
    wdhwg001  
       2015-04-23 00:27:02 +08:00 via iPhone
    另外,个人觉得,一个弹幕系统的性能应该达到播放像素级Bad Apple才算是良好…不过简单几条弹幕的话倒也不能挑剔什么…
    jamesliu96
        5
    jamesliu96  
    OP
       2015-04-23 00:30:09 +08:00
    @wdhwg001 感谢建议 :) 如果能够帮忙写下就更好啦~
    wdhwg001
        6
    wdhwg001  
       2015-04-23 00:51:21 +08:00 via iPhone
    @jamesliu96 好的已fork…改天去填。
    CRight
        7
    CRight  
       2015-04-23 00:55:57 +08:00 via iPad
    记得a站好像也开源了程序吧。
    Daniel65536
        8
    Daniel65536  
       2015-04-23 01:07:12 +08:00 via iPad
    @CRight ab站都是flash的。
    jamesliu96
        9
    jamesliu96  
    OP
       2015-04-23 01:39:32 +08:00
    求各种fork!大家贡献自己的力量啦~ 么么哒~ 感谢各位~ I'll be grateful!
    jamesliu96
        10
    jamesliu96  
    OP
       2015-04-23 03:56:46 +08:00
    @wdhwg001 预渲染没问题啦,大概已经做好了。如果使用worker会更好,然而worker无法调用DOM,因此需要其他方法hack...
    jamesliu96
        11
    jamesliu96  
    OP
       2015-04-23 04:02:11 +08:00
    我在想,是不是应该用SVG文字渲染起来会更流畅。
    wdhwg001
        12
    wdhwg001  
       2015-04-23 08:46:01 +08:00 via iPhone
    Artail
        13
    Artail  
       2015-04-23 08:47:30 +08:00 via Android
    战略MARK
    GG668v26Fd55CP5W
        14
    GG668v26Fd55CP5W  
       2015-04-23 08:48:26 +08:00 via iPhone
    关注
    Moker
        15
    Moker  
       2015-04-23 08:49:45 +08:00
    已Start
    branchzero
        16
    branchzero  
       2015-04-23 08:50:50 +08:00
    多谢分享,已star。
    貌似目前只能定义颜色,位置貌似不能定义,还有高级弹幕,期待完善:)
    还有一个同类: https://github.com/jabbany/CommentCoreLibrary
    jamesliu96
        17
    jamesliu96  
    OP
       2015-04-23 08:53:42 +08:00
    @branchzero 是的。此项目还在开发中。CommentCoreLibrary大概是目前开源的最完整的弹幕库,但是我希望做成的也是标题里面说的“超轻量”,所以互不影响啦~ 感谢支持 :)
    chshouyu
        18
    chshouyu  
       2015-04-23 10:17:28 +08:00
    没有在线demo的程序都是耍流氓(不要打我)
    jamesliu96
        19
    jamesliu96  
    OP
       2015-04-23 11:38:59 +08:00
    @chshouyu 好好好,马上出demo(= =抠鼻
    jamesliu96
        20
    jamesliu96  
    OP
       2015-04-23 15:23:55 +08:00
    jamesliu96
        21
    jamesliu96  
    OP
       2015-04-23 17:01:25 +08:00
    最新更新完整支持元素遮罩,可以附载在各种视频控件上。
    chshouyu
        22
    chshouyu  
       2015-04-23 23:01:23 +08:00
    @jamesliu96 不错,就是页面打开超级慢
    jabbany
        23
    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
        24
    jamesliu96  
    OP
       2015-04-24 10:54:00 +08:00
    @jabbany 大神!受教!Orz 我去学习学习~
    emlcj
        25
    emlcj  
       2015-04-24 11:44:27 +08:00
    光驱子开源的A站H5播放器 https://github.com/koukuko/html5-player-acfun-tv
    kiray
        26
    kiray  
       2015-04-24 11:57:27 +08:00
    Web demo 里的背景图片很有科技感,点阵图片无限放大不失真。
    http://int64ago.qiniudn.com/o_19jkp2q0518421caaqhe13jle9n9.png
    jamesliu96
        27
    jamesliu96  
    OP
       2015-04-24 15:12:07 +08:00
    @kiray 哈哈是这样的,特别酷!
    jamesliu96
        28
    jamesliu96  
    OP
       2015-04-26 22:52:44 +08:00
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2972 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 13:07 PVG 21:07 LAX 06:07 JFK 09:07
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86