包含标签 HTML5 的文章

HTML5 Canvas 本地视频播放器

好吧,其实这个也是老物了,而且代码很久没更新过。 其实我为什么搞一些这种貌似没有实用意义的 demo 或者半成品呢? 只是当时 HTML5 被炒得火热,而且确实有一些功能让人耳目一新又有点实用而已。 不过后来嘛……比如这个视频播

阅读全文

Canvas 图像处理 Demo

呃,其实这个东西是很久之前写的了。最早发表在 (未优化)HTML5 canvas 图片处理和分析的简单demo。这么看来应该是写于 2012年8月初 的时候。 那时候刚学了点计算机图形学的课程(虽然学得糊里糊涂地……),就

阅读全文

HTML5 canvas 彩色时钟

2014年4月18日更新本节。 演示中修改代码,使画布时刻保持页面允许的最大正方形,并能同步调整画布中各元素的大小(包括字体)。 最近想法比较多,大多是对以前写的一些半死不活的 demo 的一些改进,其中大部分都是

阅读全文

Canvas Grid

2014年4月17日更新:演示中修改了对粒子走出屏幕范围后的处理。

最初版本中是穿出屏幕后从另一端再进入。经过我观察发现与安卓的动态壁纸不一致。现在改成了穿出屏幕的粒子自动销毁,从屏幕边缘重新生成随机粒子。并修复了粒子的阴影效果。为了提高性能,使用了 canvas 双缓冲(但这种场景下貌似并没有提高多少)。

在看《轻音少女》,同时也觉得有一段时间没做什么实验性质的玩意了,所以呢,照着大部分安卓手机都会有的一个动态壁纸效果写了这个东西—— CGrid ,名字是 Canvas Grid 的意思。

阅读全文

HTML5播放器[续]

假期哪也没去,宅在寝室实现了两个播放器实例,基于HTML5的,一个是播放单一歌曲的,为博客文章内嵌音乐准备的;另一个是列表播放器,完全就是要拿来替代桌面播放器的(虽然还远没有达到目标)。单曲版播放器的Demo已经放出,地址在:http://mynook.info/try/yplayer/,另一个播放器的Demo我会尽快放出。现在先贴完整版播放器的代码。写得比较粗糙,高手见笑了。因为没有地方可以抓取ogg格式的音乐,所以这个实例只支持Chrome和Safari(只在Chrome测试过。)。(音乐从点点网抓取,可能需要先在浏览器上登录点点网才能获取读权限。)

阅读全文

HTML5播放器

放假我也没什么好说的,不过是在写代码之余多了些看电影的时间罢了。本着钻研的精神也就写了个HTML5的音乐播放器。关于HTML5的audio标签已经有很多资料了,实在不了解的可以看这里:HTML5多媒体

阅读全文