HTML5 Canvas 本地视频播放器
好吧,其实这个也是老物了,而且代码很久没更新过。 其实我为什么搞一些这种貌似没有实用意义的 demo 或者半成品呢? 只是当时 HTML5 被炒得火热,而且确实有一些功能让人耳目一新又有点实用而已。 不过后来嘛……比如这个视频播
What else did you expect me to say?
2014年4月17日更新:演示中修改了对粒子走出屏幕范围后的处理。
最初版本中是穿出屏幕后从另一端再进入。经过我观察发现与安卓的动态壁纸不一致。现在改成了穿出屏幕的粒子自动销毁,从屏幕边缘重新生成随机粒子。并修复了粒子的阴影效果。为了提高性能,使用了 canvas 双缓冲(但这种场景下貌似并没有提高多少)。
在看《轻音少女》,同时也觉得有一段时间没做什么实验性质的玩意了,所以呢,照着大部分安卓手机都会有的一个动态壁纸效果写了这个东西—— CGrid
,名字是 Canvas Grid
的意思。
假期哪也没去,宅在寝室实现了两个播放器实例,基于HTML5的,一个是播放单一歌曲的,为博客文章内嵌音乐准备的;另一个是列表播放器,完全就是要拿来替代桌面播放器的(虽然还远没有达到目标)。单曲版播放器的Demo已经放出,地址在:http://mynook.info/try/yplayer/,另一个播放器的Demo我会尽快放出。现在先贴完整版播放器的代码。写得比较粗糙,高手见笑了。因为没有地方可以抓取ogg格式的音乐,所以这个实例只支持Chrome和Safari(只在Chrome测试过。)。(音乐从点点网抓取,可能需要先在浏览器上登录点点网才能获取读权限。)