HTML5 MediaStream的运用

作者:puterjam 日期:2012-06-08

Blog picture template artx 530x185 px

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 GIF Maker 2

分类:Javascript | 固定链接 | 评论: 17 | 引用: 0 | 查看次数: 19844

HTML5 重力感应试玩～

作者:puterjam 日期:2011-07-21

Blog picture template artx 530x185 px 2

html5 中针对高端手机提供了重力感应和重力加速的接口，开发可以利用这个接口获取到移动设备重力加速感应数据。

目前已经支持的浏览器只有chrome和firefox，以及IOS的webkit（貌似android上因为版本差异很大，部分低版本的系统不支持）。

通过iphone或者mac电脑访问下面的地址可以体验哈

Tags: html5 html5 Javascript Javascript

分类:Javascript | 固定链接 | 评论: 95 | 引用: 0 | 查看次数: 37562

微软出品 Html5 的吃豆人

作者:puterjam 日期:2011-04-21

Blog picture template artx 530x185 px 1

Html5 游戏开始初露锋芒，在终端上渐现优势的Html5 game 或许瞄准了一个非常号的平台。微软的加入更加让Html5的普及加上更多的动力。

看看微软做的html5游戏吧，这个在FC上的经典游戏，也跨平台到了HTML5上，不过借助网络的力量，这个版本的吃豆人可以自创关卡哟～

这个游戏由澳大利亚的网页游戏工作室Soap Creative开发，发布于微软的MIX11开发者大会上。

Tags: html5 html5 canvas canvas

分类:Note | 固定链接 | 评论: 53 | 引用: 0 | 查看次数: 8158

给自己的站点打上HTML5的LOGO

作者:puterjam 日期:2011-01-19

W3C官方推出了HTML5的官方logo，同时也给开发者提供了很多推广的方法。同时除了HTML5自己的LOGO以外，HTML5的一些新技术也有了自己的logo，更多的大家可以到官方站点去发现哈～

Tags: html5 html5 logo logo

分类:Resource | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 4790

利用HTML5对文件进行base64转换

作者:puterjam 日期:2010-09-27

Base64编码的数据做为URL的应用开始越来越广泛，转换的工具也不少。但是不少工具都是要下载或者在线进行转换，或不能进行批量转换。

这里舜子利用HTML5的FileReader我们是可以对本地文件进行读取并且转换为浏览器用的base64 URL，

然后利用HTML5的Drag&Drop我们只需要把文件拖放到浏览器窗口即可开始进行转换。

分类:Javascript | 固定链接 | 评论: 31 | 引用: 0 | 查看次数: 8676

我不相信这不是Flash

作者:puterjam 日期:2010-02-22

在Ajaxian上看到了一个有意思的ppt，这个ppt给我们介绍了一些web的效果和特性不需要使用flash来实现。

I Can't Believe It's Not Flash

View more presentations from Thomas Fuchs.

Tags: html5 html5 webgl webgl flash flash

分类:Web Design | 固定链接 | 评论: 11 | 引用: 0 | 查看次数: 3010

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的支持。

Tags: Firefox Firefox html5 html5 Gecko Gecko

分类:Javascript | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 2188

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 客户端存储文档

Tags: offline offline html5 html5 safari safari GMail GMail

分类:Javascript | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 3475