【译】HTML5还需要什么才能击败Flash(part 1)

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与本行业的巨擘的关系。