Skip to content


Html5应用大聚合

一、视频播放

现在网页上流行的在线播放视频基本都是以flash格式呈现的,多年使用下来,flash已经成为网民生活的一部分了。所以当苹果宣布在移动设备平台上与Flash划清界线后,很多人都会无法理解。当然,是好是坏就不在这评论啦,直接讲重点,下面就带大家看看如果不用FLASH,单用HTML5的应用,在线视频可以在网页上表现成什么样子吧。

这个应用叫“sublimeVideo”,通过它,你会看到与FALSH效果一样的在线视频播放。

演示地址:http://jilion.com/sublime/video

二、在线画板

在线画板也不算是什么新鲜的东西,但以前的画板多半是用flash来实现,而基于HTML5技术制作的在线画板又可以做成怎么样呢?可以看看下面的演示地址。

演示地址:http://mugtug.com/sketchpad/

三、可拖动的交互
    HTML页面一直给我的印像都是很静态的,像以下的画面:
    如果这里作为一款小游戏,需要你按先后顺序把右边选框内的答案扔到左边的垃圾桶里,正常做法只能点击每个选框进行选择,比较生硬。一般的解决方法我们会利用FLASH来做出可拖动的效果,把答案拖进垃圾桶内,使这个过程更加生动。不过现在通过HTML5应用也可以实现拖动的效果。

演示地址:http://html5demos.com/drag

四、按标准解析SWF动画文件
    虽然看了以上几个例子会觉得HTML5已经可以完成之前需要flash才能实现的效果,但其实网站还是很需要FLASH的帮助,起码个人觉得短时间内不可能取代。
    现在通过一个叫“Gordon”的应用,可以把SWF文件在HTML5的环竟中按照标准的Flash动画模式播放出来。而且在浏览的时候完全不需要Flash插件,这个应用号称:An open source Flash runtime, 利用JS+SVG技术实现的Flash运行环境。

演示地址:http://paulirish.com/work/gordon/demos/

http://www.benjoffe.com/code/games/torus/  html5游戏应用


0 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

You must be logged in to post a comment.