自己写的弹幕系统


介绍卖萌:

img首先是自我卖萌(对对对,你萌你萌)。

  前端时间一直在看canvas。不得不说,canvas处于意料的好玩,于是就想去了解的更多。找了很多别人canvas动画的源码,canvas固然是比较有意思的,但是看别人的代码却依旧无比的枯燥,特别是想我这种懒鬼,字多不看(不过最后还是一点点去强迫自己去看完了)。

  事情的起因应该是一次下午,代码看累了去看看视频娱乐一下不过分吧(过分),于是就点开视频看起来了。当下的HTML5播放器可谓是一大热门技术,Adobe也明说了,将来会停止更新Flash,在没有Flash未来,HTML5播放器真的是前景一片大好(所以你应该好好看看HTML播放器)。扯远了,回到正题。如今的视频,弹幕的存在也逐渐与之想联系起来,出于好奇的心里,查看了弹幕。比起HTML5播放器一脸懵逼的牛逼,弹幕倒是朴素许多,要显示的弹幕会创建dom去插入,播放的弹幕则会消除。已经用着HTML5做了个播放器了,为什么不去用HTML5的canvas写弹幕呢?

  趁着自己的热度还在,开始动手吧。

  也不知道花了多久了,不过比最开始计划的要快,虽然简陋,但也总算是完成了,至少效果是有了(褒めて褒めてー♪)。总之先告一段落,等有了新的想法,新的功能在往里面添加吧∩_∩。

详情内容看下面的链接:

demo

var _danmaku = new cDanmaku({
    type: //播放类型,      
    ele: //画布,    
    media: //播放媒体,  
    danmaku: //弹幕数据  
});

修改于 2017-9-14