HTML5 MediaStream的运用
作者:puterjam 日期:2012-06-08
HTML5在技术上发展越来越快,在输入方面浏览器也开始具备了更多能力。舜子一直在关注视频和音频流在html5的支持,虽然不是什么创新点,但是对html来说是一个非常重要的能力。
Chrome 18开始就把MediaStream放到实验室里,不过记得在19前的这些版本里,getUserMedia 接口一直不太稳定,很容易crash。近期发现Chrome 19.0.1055 dev在这个接口的稳定性上有较好的提升。不过在稳定性上,还需要改善。例如,摄像头使用次数过多后,媒体流会莫名中断,对于没有安装摄像头的检测做得不够完善,可能会导致浏览器crash。不过相信chrome以后的版本会fix这些问题,也希望能在chrome 19 的release版本正式用上这个功能。
这个demo里,其实舜子很早就想用html5来完成gif视频合成的尝试了。也借这个机会,搞了一把极限开发,利用Chrome 的MediaStream,把用户的摄像头作为动画合成的来源。
HTML5 重力感应试玩~
作者:puterjam 日期:2011-07-21
html5 中针对高端手机提供了重力感应和重力加速的接口,开发可以利用这个接口获取到移动设备重力加速感应数据。
目前已经支持的浏览器只有chrome和firefox,以及IOS的webkit(貌似android上因为版本差异很大,部分低版本的系统不支持)。
通过iphone或者mac电脑访问下面的地址可以体验哈
微软出品 Html5 的吃豆人
作者:puterjam 日期:2011-04-21
给自己的站点打上HTML5的LOGO
作者:puterjam 日期:2011-01-19
利用HTML5对文件进行base64转换
作者:puterjam 日期:2010-09-27
Base64编码的数据做为URL的应用开始越来越广泛,转换的工具也不少。但是不少工具都是要下载或者在线进行转换,或不能进行批量转换。
这里舜子利用HTML5的FileReader我们是可以对本地文件进行读取并且转换为浏览器用的base64 URL,
然后利用HTML5的Drag&Drop我们只需要把文件拖放到浏览器窗口即可开始进行转换。
我不相信这不是Flash
作者:puterjam 日期:2010-02-22
在Ajaxian上看到了一个有意思的ppt,这个ppt给我们介绍了一些web的效果和特性不需要使用flash来实现。
I Can't Believe It's Not Flash
Gecko 提供 HTML5 parser 支持了
作者:puterjam 日期:2009-07-09
Html 5的风越挂越猛了。在firefox 3.6a1pre版本中,加入了新的 HTML5 Parser 的支持。可以预见到这将会正式出现在下一个版本的Firefox中。
不过HTML 5 Parser能够做什么? 简单描述一下,这可是一个大胃口的Parser. 它将有很好的向后兼容性。 能够在text/html页面上使用xml parser,而不需要使用xhtml(xhtml页面是否会从此消失呢?)。
有什么好处?大家都知道SVG是一个xml的数据。使用Html5 Parser我们可以不需要更改html页面的任何内容。和申请命名空间就可以在html页面上直接表现svg图像。
感兴趣的朋友,可以到这里找到一些范例,不过在此之前需要下载最新的午夜版firefox.并且在 about:config 中打开 html5.enable HTML5 parser的支持。
HTML5的离线版Gmail演示
作者:puterjam 日期:2009-02-19
Google的工程师们给我们带来了使用Html5.0 database的离线版本的Gmail for iphone.
大家都知道HTML 5.0有个很重要的特性就是客户端的SQLLite支持, 当然目前已经支持的浏览有 Safari 3.1 和 safari for iphone.
下面的视频给大家演示了iphone上面的离线版本Gmail
相关链接:
html5.0 离线版Gmail 演示
html5.0 客户端存储文档