HTML5 MediaStream的运用

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

查看更多...

Tags: html5 mediastream gif

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

HTML5 重力感应试玩~

Blog picture template artx 530x185 px 2

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

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

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

查看更多...

Tags: html5 Javascript

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

微软出品 Html5 的吃豆人

Blog picture template artx 530x185 px 1

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

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

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

查看更多...

Tags: html5 canvas

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

给自己的站点打上HTML5的LOGO

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

semantics

查看更多...

Tags: html5 logo

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

利用HTML5对文件进行base64转换

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

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

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

 

查看更多...

Tags: html5 filereader base64

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

我不相信这不是Flash

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

 

Tags: html5 webgl flash

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

Gecko 提供 HTML5 parser 支持了

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 html5 Gecko

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

HTML5的离线版Gmail演示

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 html5 safari GMail

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