What else does HTML5 need to defeat flash ?
Written by Viki Hoo
http://speckyboy.com/2012/01/19/what-else-does-html5-need-to-defeat-flash-part-1/
目前,HTML5 是网络天空中闪耀的星星。但是,HTML5准备好成为王者了吗?我们准备从两方面来讨论HTML5还需要什么来打败Flash。
技术上:
首先,我想强调的是,HTML5和Flash并没有太多相互替代的功能。例如,你可以通过Flash调用摄像头之类的硬件,但HTML5不行。不过,HTML5的新元素确实带来了一些可以和Flash竞争的重要力量。
这些特性里,最熟悉的是canvas和video标签。其他的HTML5新特性和Flash 的竞争并不激烈,但这两个标签是决定战争走向的关键因素。只要它们得到推广,就会为整个网络业带来根本的改变。一句话,它们是HTML5对付Flash的两记重拳。
Canvas:
在Flash成为主导之前,有很多方法可以实现网络绘图,最有名的是Java Applet。这些方法相互竞争,每个都有自己的优势。但这场战争很快就被Macromedia用Flash终结了。
为了与Flash竞争,很多其他技术出现了,包括SVG。然而,这些技术并没有阻止Flash获得最高的赞誉。基于Flash的游戏和特效蔓延很快蔓延到了互联网的每个角落。
现在,世事轮回,新的挑战者出现了,它就是HTML5的canvas。
canvas在很多方面都优于Flash。它不仅不依赖插件,反而密切的和浏览器渲染引擎整合起来,节省了资源,并且使得和图片及页面其他元素的交互得到了重要并且高效的简化。
对于Flash,确实需要花很多时间和资源来简化与页面的交互。并且,它使得编程并不方便。
canvas是HTML的元素,就像其他元素一样。开发者可以把所有代码放在一个文件中,减少了维护和更新的难度。
不过,canvas也有缺点:
1,开发者不得不在程序中描述每个点和曲线,他们也不得不在做旋转和缩放的时候处理矩阵变换。这增加了绘制复杂图片的难度。而Flash,图形显示API就在Sprite分支下,开发者可以使用不同的工具来设计图形,图形旋转和缩放也只需要简单的调用那些函数。
2,特效的实现有一些障碍。尽管canvas提供了使用div来实现特效的非传统方法,但仍然相当复杂。开发者不得不每帧都清除并重绘所有的元素。也因此,包含大量元素的特效显示的很慢。即使少量的元素移动也需要重绘整个canvas,资源浪费巨大。对比起来,Flash显得特别容易。尽管Flash的重绘是在很基本的层面上的,但它由Flash Player来实现,开发者根本无需费心。
Flash解析过程基于二进制代码,优于HTML5和JavaScript的同时编译(simultaneous compiling)。总体上,特效越复杂,显示越流畅。另外,图片目录和给力的设计工具使得特效的开发工作变得更容易。
3,没有事件系统。开发者需要根据用户在canvas中点击的坐标来判断所点击的图片元素。在这个过程中,可能需要检查所有的显示元素来判断点击位置是在哪个图片上。
以后的图形库也许会解决这个问题,但可能和基于JS的事件相应模型的方式差不多。显然,效率是比不上基于浏览器源生的事件模型的。但是对于Flash,事件体系是内置的,点击事件的捕获就是小菜一碟。
更重要的是,它提供了事件和方法来判断两个图片是否重叠,这对于游戏开发是很方便的。HTML5就不行。
基于以上的分析可以看到,HTML5仍然在这三个领域落后,它需要强力并易于使用的图形库、图形分析和重绘的硬件加速、以及强大的IDE。
目前,基于canvas的游戏引擎已经有了,但和Flash相比还很不完美。
随着硬件加速被关注,WebGL给了我们希望。WebGL(Web图形库)是一个软件库,它增强了JavaScript的能力,允许JS在任何兼容的浏览器中实现可交互的3D图形。这提升了图片显示的速度,并且更令人鼓舞的是,WebGL在除了IE之外的多数浏览器中可用。
至于IDE,讽刺的是,Adobe为Adobe Flash CS5添加了Flash到canvas的转换功能。
如果以上的三个问题不能得到解决,现实对于canvas将是严厉的,开发会有难度,这样就很难得到推广。
视频:
视频也许是Adobe最灰心的,这可能是最能把Flash拉下马的事情。目前的情况是video标签还有编码问题。由Apple和微软支持的“H.264”并不是开源标准,浏览器必须付费使用,这也是为什么FireFox拒绝支持H.264的原因。尽管Google购买了一套高质量的编码技术,但没有迹象现实Google会公开这些技术。
根据W3schools.com的统计,Chrome和Safari有着强劲的增长趋势,但FireFox和IE仍在占据浏览器市场的主导地位。如果FireFox仍然拒绝H.264,推广video标签就会很困难。
所以,HTML5需要一个公开的高质量的视频编码标准。
通过本文,我们看到了HTML5的技术前景,我们讨论了HTML5面临的问题。在第二部分,我们会讨论商业前景及HTML5与本行业的巨擘的关系。