自己写的弹幕系统
介绍卖萌:
首先是自我卖萌(对对对,你萌你萌)。
前端时间一直在看canvas。不得不说,canvas处于意料的好玩,于是就想去了解的更多。找了很多别人canvas动画的源码,canvas固然是比较有意思的,但是看别人的代码却依旧无比的枯燥,特别是想我这种懒鬼,字多不看(不过最后还是一点点去强迫自己去看完了)。
事情的起因应该是一次下午,代码看累了去看看视频娱乐一下不过分吧(过分),于是就点开视频看起来了。当下的HTML5播放器可谓是一大热门技术,Adobe也明说了,将来会停止更新Flash,在没有Flash未来,HTML5播放器真的是前景一片大好(所以你应该好好看看HTML播放器)。扯远了,回到正题。如今的视频,弹幕的存在也逐渐与之想联系起来,出于好奇的心里,查看了弹幕。比起HTML5播放器一脸懵逼的牛逼,弹幕倒是朴素许多,要显示的弹幕会创建dom去插入,播放的弹幕则会消除。已经用着HTML5做了个播放器了,为什么不去用HTML5的canvas写弹幕呢?
趁着自己的热度还在,开始动手吧。
也不知道花了多久了,不过比最开始计划的要快,虽然简陋,但也总算是完成了,至少效果是有了(褒めて褒めてー♪)。总之先告一段落,等有了新的想法,新的功能在往里面添加吧∩_∩。
详情内容看下面的链接:
var _danmaku = new cDanmaku({
type: //播放类型,
ele: //画布,
media: //播放媒体,
danmaku: //弹幕数据
});
修改于 2017-9-14