几个炫丽又强大HTML 5应用

In: 互联网

4 2010

这两天陆续把玩了几个HTML 5的应用,感觉HTML 5真的十分强大。

用HTML+JS,或者再加上SVG技术,实现出来的网络应用丝毫不比Flash之类的要差。

比较喜剧的是,下文将介绍的一个HTML+JS+SVG应用,竟部分实现了Flash。

这个应用的名字是:Gordon,号称:An open source Flash runtime, 是一个用纯JS+SVG技术实现的Flash运行环境。

刚开始听说时,我还不敢相信,认为只是用SVG矢量技术,实现类似于Flash的动画效果吧。没想到真的是解析SWF文件,然后按照标准的 Flash动画模式播放出来。100%不需要Flash插件。见:http://paulirish.com/work/gordon/demos/

从下面我的截图也可以看到,真的是去播放SWF文件的。

这个应用还顺利地在iPhone等不支持Flash的平台上将SWF显示了出来,尽管并不是所有Flash都能放,但足以证明JS+SVG的威力了 吧。

现在我明白Apple为何不上Flash了,作为HTML 5制定者之一的Apple,心里明白HTML能做的事情。

另外一个则是今天别人发出来的一个基于HTML 5的在线画板。

看下图,这么炫丽,这真的是HTML的?不信访问下:http://mugtug.com/sketchpad/ 试 试

这可是个全功能的画板,不仅能设置各种样式的笔刷,丰富的颜色(包括渐变),还能像本地应用一样,点击“保存”后输出一张PNG呢。

有了这样么强大的画板,我真不觉得那些本地的画板还有什么存在的必要了?

最后一个,则是展示HTML 5视频的一个强大的应用。叫:sublimeVideo, 我用它放了视频以后,觉得YouTube的那个HTML 5测试版真不如它。

下图是正在播放中的样式,进度条可以拖,当鼠标不在时还会消失。反正跟之前Flash的那种完全一样。

更牛的是,还有一个全屏按钮,这个全屏可不是桌面全屏,而是浏览器全屏。

全屏以后,播放条变成了渐隐渐现的浮动工具栏,仍旧可以在需要时操作播放。体验的效果真是棒极了!

以上一切,仅仅是HTML+CSS+JS+SVG,不需要任何插件或者其他相关私有版权技术。

现在你应该知道Google为什么要出一个Chrome OS了吧?

Comment Form

  • 91526: 哥回的不是贴,回的是寂寞 [...]
  • 顶: 恩,不错,这些方面我的意见在我博客里也写过,可以交流一下。希望看到 [...]
  • 47tz: 第一条 不用加多余的标签,你只需要格式化 代码就可以了 如 [...]
  • 青菜: 应该是被墙了!所以国内打不开! [...]
  • nono: 新开Spreadsheets表单 连接打不开 怎么回事? [...]

最新评论

文章索引模板