Flash 与 HTML5

AI权益加码!Claude Code、Cursor等20+工具免费用! 购周边限时加赠Coding Plan Lite,畅享主流AI工具!学习进阶更高效! 阅读详情

Steve Jobs 在"Thoughts on  Flash"一文中,谈及网络影音时,多次提到HTML5与H.264两项标准。但是,到底HTML5是什么?Flash和H.264又是什么回事?所以,本文旨在解释它们之间的关系,让大家可以初步了解。
  首先,引用Steve Jobs的一段话:
  Adobe一再反复宣称Apple的移动设备不能提供"完整的网络体验",因为网络上75%的影片是Flash格式。但他们没有说这些影片几乎所有都属于一个更为先进的格式:H.264。
  单这一段,已经令人不知道他到底在说什么,那先让我们来做个名词解释。Flash影片,也就是我们常见的FLV格式视频,是一种常用的影片格式 (Container),播放FLV时需要Flash Player。而H.264是影片编码(Codec),适用于多种影片格式,像是QuickTime的MOV格式,Flash的FLV格式。而目前在 Youku等各大在线视频网站上的FLV影片,大多采用H.264作为编码,所以它们既是Flash,又是H.264。

视频格式示意图
  了解两者之间的差异之后,现在开始说明Flash与HTML5在在线播放上的差别。首先,让我们谈谈电脑上的运作差异,以及稳定的纠结点。
  电脑浏览器上两者的差别在哪?又有哪些问题?
  首先,让我们用 Windows结合Google Chrome浏览器介绍播放Youtube视频时的运作模式:

YouTube 播放运作模式
  1,Flash:Youtube上的FLV视频需要通过一个 SWF(Shockwave Flash)播放器播放,而这个播放器会调用Flash  Player Plug-In来播放影片。
  2,HTML5:YouTube  上的M4V影片直接使用标签即可播放,而播放器是通过JavaScript编写的,一切都是利用浏览器内建功能完成。
  这两种模式的优缺点,又可以用『稳定性』和『流畅性』来说明:
  稳定性:
  Flash Player最大的问题是容易假死,想必大家都会在玩游戏,看电影时遇到Flash Player出现问题的情况。之前,只要Flash Player一假死,就会连浏览器都一起死掉。于是,Google Chrome在推出的时候就一再强调每个程序都是独立的,这样一来,就算Flash Player假死,浏览器也不会收到牵连。之后的Mac OS X 10.6中的Safari也加入了这项功能,据说Firefox3.6.4也会加入。
  但是,这样的功能只是避免浏览器随Flash Player陪葬而已,要是Flash  Player稳定性不提高的话,问题最终还是没有解决。而HTML5利用标签和JavaScript来播放,不需要任何插件,这样相对稳定很多。
  流畅度:
  另一件事是,当在线视频由480P逐渐升级到 720P或者1080P的时候,光是播放就已经占用相当高的CPU资源。台式机播放都有点吃力,更别提是CULV及ATOM的轻省本了。于是Flash Player 10.1版开始加入了硬解码支持,利用GPU加速来降低CPU资源的占用。实际测试也证明,硬件加速是目前降低CPU占用的唯一办法。

HTML5 与Flash播放的不同
  在这项测试中,Mac上的Safari播放HTML5影片时占用的资源相当少,主要是因为Safari遇到 H.264格式的影片时,会调用Mac OS X中的QuickTime X进行解码,而QuickTime X原来就支持硬解。当时Apple尚未放出硬解API,使得Flash Player 10.0与10.1完全没有差异。当Apple公布硬解API之后,Adobe也随即推出Flash Player 10.1 Gala For Mac,加入了硬解功能,CPU占用也明显减少。微软也宣布将在IE9中支持HTML5影片播放和H.264硬解。
  比较这两点,Flash Player除了稳定性问题,支持跨平台(NO  Linux)、跨浏览器硬解是比HTML5具有优势。而HTML5最大的问题在于浏览器内建编码不统一,这一点在下文再讨论,现在看看移动设备的状况。
  移动设备:性能和电量很吃紧
  Steve Jobs在文中也提及,目前大多的移动设备芯片都支持H.264硬解,而目前移动设备主流芯片几乎都采用ARM架构。的确,ARM11、ARM Cortex-8、Cortex-9大多都支持H.264硬解,但Adobe也宣称手机上的Flash Player 10.1将支持硬解。

iPhone 和Android播放的差异
  但是就算支持硬解,影片播放和硬件之间隔了一层Flash Player的话,电池消耗又会是如何呢?依照FlashMobileBlog的实测,采用WiFi上网,Nexus One能看3个小时的Youtube视频,但Nexus One官方数据中,单机播放影片的时间达7小时。出去无线连接耗用的电量,与Steve Jobs所提及的iPhone可播放10小时的H.264影片,但播放Flash影片仅有5小时,比例大概是2:1,可见Flash耗电确实是个问题。无 论如何,再过几天,Adobe将于Google I/O开发者大会上展示供Android使用的Flahs Player 10.1,也极有可能随着Android 2.2版(Froyo)一起更新,到时候就可以见分晓。
  不过,如果Adobe不能实际证明 Flash在移动设备上不耗电的话,通过HTML5直接在线播放H.264影片则是目前移动设备最佳的解决方案。
  HTML5影片的纠结点:浏览器支持解码不一

主流浏览器对视频编码的支持
  Steve Jobs发表公开信后,一名欧洲自由软件协会(FSFE,Free Software Foundation Europe)的实习生Hugo Roy写了一封公开信,认为H.264不是真正的开源标准,因为未符合五项该协会的定义。Steve Jobs回信表示:
  所有的影片编码都有着专利。Ogg  Throra与其他"开放源码"的编码目前背后有着一个正在组织中的专利联盟(注一)。不幸地,我们不能因为某件事物是开放源码,就代表或承认它并未侵犯其他人的专利。开放标准并不等同于免授权费或开放原始码。
  到底为什么H.264不被Mozilla与Opera采用,这个还需要进一步说明。

H.264 使用说明
  1,H.264又称作MPEG 4 Part 10,和MPEG 2一样需要授权费,并统一由MPEGLA这个专利联盟管理收取。使用MPEG 4标准比编码/解码都需要付授权费,一年产品总算在10万个以后时免费,但超过10万个的时候,每个产品将收0.2美金的授权费,超过500万时,授权费 降为0.1美金,上限则是500万美金。
  2,线上免费内容,如YouTube等视频网站可免费使用到2016年。但如果提供租借电影,像NetFix,就要依照用户数量收取授权费;如 果用于PPV(Pay Per View)以及VOD(Video on Deman),像是MOD与BBTV数码有线电视上的收费电影,超过12分钟的内容,也要收取售价的2%授权费。最多以500万为上限。
  因为这样的授权费用规定,支持GPL协议的Mozilla基金会,以及支持开源标准的Opera,都力挺开放源代码的OGG  Theora格式,而未内建H.264编码。所以尽管它们都支持HTML5的标签,却无法播放H.264格式的视频。
  HTML5影片在移动设备上,除了微软的Windows Mobile上的IE不支持HTML5之外,其他采用WebKit核心的浏览器的手机大多支持H.264编码,成为通过格式问题不大。但回到电脑上,毕竟 Opera是商业公司,不排除未来会内建H.264的可能;但Mozilla基金会就完全变成推上的钉子户,占浏览器30%的Firefox使用者,就是 看不到H.264格式的影片。
  而Google,将会是打开这个僵局的重要角色。Google去年收购了影片编码研发公司On2,并且传言将会在Google I/O大会上,将旗下的VP8编码开放成为开放原始码。如此一来,具有接近H.264编码低流量、高品质,又开源的VP8,将有可能成为统一HTML5影 音的一匹黑马。
  结论:
  1,移动设备上:Flash如果耗电问题没有解决,HTML5与H.264硬件将会是未来较好的在线播放格式。
  2,PC终端:如果主流浏览器没有统一支持HTML5编码,普及性将会无法和Flash比
  3,Apple:以苹果产品线的齐全及软件硬件的配合,在产品上推广HTML5不难。但要扩展出去有困难。
  注一:微软过去曾将WMP9编码开放源代码,结果导致许多公司要求编码的权利。于是成立VC-1这样的专利联盟(Patents  Pool),一共有16家公司组成,包括微软。

有了HTML5Flash还能走多远? 谈到Flash能走多远的问题时,我们不得不先聊聊作为Flash前辈的Applet。 所以要提它,是因为人类历史上第一个运行在浏览器之上的交互式应用,本来就是Java小程序,而非什么Flash。 早在1995年之初,当Gosling和Gage 阅读详情

相关推荐

使用Flash,HTML5和Unity开发网页游戏的对比

1.开发流程 Flash:用Flash来开发游戏非常简单。因为关于它有无数的书籍,网站,教程,框架,视频和源代码。对于开发工具来说,Flex route是免费的,Flash IDE需要付费。Flash拥有通用且强大的矢量渲染功能,这意味这你创建的动画的文件格式会非常小。它全面支持音频和大多数的Adobe应用程序,例如 在Flash IDE中嵌入Illustrator 和 Photoshop。而且...

qq_38456196的博客 4061

html5 flash 比较好,HTML5Flash比较

HTML5Flash比较:今年对Adobe而言真是多事之秋。被苹果修理完之后,这下轮到Opera了。在1994年发表CSS技术初步提议,因此被称为CSS之父,也是OperaCTO的哈哈康.维姆莱(HkonWiumLie)昨日在台湾表示,HTML5加上CSS3可以做到复杂的图形绘制、离线储存以及影音支持等常用的功能;换言之,可以做到任何Flash可以做到的事,甚至更好。维姆莱进一步说明胜出之处。他...

weixin_33783273的博客 130

html5 pk flash,HTML5 VS FLASH HTML5完胜

如果你对web开发有了解,那么你就应该知道html5是继html4以来对网页设计的最大变革。html代码的急剧扩张已经有十年之久了。html5是一套web标准,它可以更容易和有效的处理沉重的多媒体和图片内容而不用依靠插件或者api。随着html5引入到现代的web,开始有很多辩论它是否会取代flashhtml5几乎可以做所有flash可以做的事情,它可以直接应用到网页上,而不用像flash那样要...

weixin_29410959的博客 405

Flash技术解析:从动画革命到HTML5时代的转型

本文回顾了Flash技术的兴衰历程及其对互联网发展的影响。Flash凭借矢量动画、交互设计和跨平台优势,曾主导网页动画、游戏开发和企业应用领域,但最终因性能瓶颈、安全漏洞和HTML5竞争而衰落。文章对比了FlashHTML5的关键差异,指出开放标准、性能优化和安全机制是技术发展的核心要素。尽管Flash已退出历史舞台,其技术遗产仍深刻影响着现代Web开发理念和工具。这段历史启示我们:技术创新必须顺应开放、高效、安全的发展趋势。

weixin_70208651的博客 1830

有了HTML5Flash还能走多远

有了HTML5Flash还能走多远

aabbyyz的博客 3076

flashhtml5,Convert Flash to HTML5

Flash Animations to Html5 and JavascriptNow is the time to convert Flash to HTML5. All organisations that are still serving content in Flash on their websites and get visitors from iOS devices like iP...

weixin_28756347的博客 115

HTML5Flash 之争

<br />首先需要弄清楚二者之间最主要的区别,HTML 是一种语言(超文本标记语言——HyperText Markup Language),而 Flash是Adobe(其收购了Macromedia)公司的一个浏览器插件(Plugin)。HTML5 目前还是 W3.org 规范中一个草案,这意味着其还没有最终定案,希望到 2012 年这项工作能够完成。<br />以下是二者各自的一些特点:<br />HTML5<br />这个新的技术更为易学和易用,比较 .FLA 和 .SWF 文件更容易编辑。并且基本上过

asdf2010ghjkl的专栏 736

html5flash流畅,Flashhtml5性能比较(转载)

该楼层疑似违规已被系统折叠隐藏此楼查看此楼I actually expected HTML5 to do much better on this test. This is blitting 101 stuff here, no fancy transforms or anti-aliasing, just straight up compositing. Flash on the other ...

weixin_33228847的博客 230

为什么选择html5不选flash,HTML5FLASH的优缺点对比

HTML5FLASH的优缺点对比发布者:本站 时间:2020-04-19 12:04:53很多人认为HTML5出现会秒杀Flash,以至于在各大建设网站前端开发论坛吵得不可开交。我不是HTML5的忠实信徒,也犯不着做Adobe的卫道士,让咱们心平气和的坐下来谈谈,他们两个之间的那点事。要说HTML5取代FLASH,那首先咱们要来讨论一下功能方面的问题,即HTML5能否达到FlashPla...

weixin_35940111的博客 1349

HTML5拿什么取代Flash?

最近关于HTML5吵得火热,很多人认为HTML5出现会秒杀Flash,以至于在各大web前端开**坛吵得不可开交。 论坛里三言两语说的不够尽兴,只好在自己一亩三分地里敞开了说说。也当一次神棍,展望一下web前端开发的未来。 首先这里所说的HTML5也不仅指HTML5本身,而是泛指HTML5、CSS3、 JavaScript以及新的浏览器API所包含的整个web端技术。 谁需要HTML5?   专

inshionnike的专栏 1454

面向 Flash 开发者的 HTML5(一)

HTML5 for Flash Developers》专门为准备立即投入 HTML5 开发的 Flash 开发人员编写。我们将首先分析组成 HTML5 的每个元素,然后开始学习如何通过比较它们的特性典型的 Flash 开发来利用它们。HTML5 是由万维网联盟(www.w3.org/)开发的 HTML 标准的第五个也是最新的版本。作为一个新版本,它为现有的 HTML 规范带来了一些新功能,并删除了一些旧的过时功能。

龙哥盟 766

html5 实现 flash

    html5 在一年前就已经进入我们耳中了。但是一直都没有看到实际性的东西出来。下面这段相信会让大家眼前一亮。不过是外国人开发的。其开源精神值得敬佩。该技术如 果成熟了,相信可以很好的应用到想广告联盟(google adsense,baidu union)这类系统.确实是一个时代的创新。     在html5以前大部分浏览器都必须使用flash插件才能观看网页上面的flash动画。...

思维万创 374

Flash转为HTML5

只支持fla项目Adobe 最近发布了FlashHTML5的一键转换工具,方便各开发人员对现有的flash资源复用。提供给那些不支持Flash的设备,比如iOS。该工具代号为 Wallaby(沙袋鼠) :当前版本wallaby_p1_win_030811.exe可点此下载更多可以到adoeb lab 下载http://labs.adobe.com/technologies/wallaby/w

技术记录 9270

战胜 FlashHTML5 还需要什么?

   如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。且不说谷歌、苹果等业内巨头把它描绘为互联网体验的未来,即便是以不服从标准著称的微软,也向它频频示好, 决心在 Internet E...

qq_45670012的博客 297

HTML5Flash相比有哪些好处?

参考文献1地址:http://news.cnblogs.com/n/57433/ 谈到Flash能走多远的问题时,我们不得不先聊聊作为Flash前辈的Applet。   所以要提它,是因为人类历史上第一个运行在浏览器之上的交互式应用,本来就是Java小程序,而非什么Flash。   早在1995年之初,当Gosling和Gage在WebRunner浏览器(即日后的HotJava浏

yazhouren的专栏 8284

html5添加flash动画效果,霸气的HTML5 7款无Flash HTML5动画特效

本文作者html5tricks,转载请注明出处以前我们想在网页上实现一些动画特效,第一选择肯定是Flash,但是现在1、HTML5 Canvas火焰喷射动画效果还记得以前分享过的一款HTML5烟花动画HTML5 Canvas烟花特效,今天我们要来分享一款类似的HTML5动画效果,一款基于HTML5 Canvas火焰喷射动画。用鼠标拖动一条直线,直线长度表示火焰喷射的力度,另外,火焰在运动中还可以反...

weixin_31610297的博客 464

HTML的发展历程,Flash从兴盛到衰落,HTML5的崛起

HTML是Tim Berners-Lee在发明万维网时发明的三项技术之一,如果你对万维网还不够了解,推荐你看我的上一篇文章➡️万维网的发展历程,互联网、因特网、万维网有什么区别呢?本篇文...

862

HTML5Flash对比

最近网络上最热的话题之一就是“开放式Web技术 HTML5”,从国外媒体到国内媒体均有大量报道。从大量的报道中,如果各位从Google搜索引擎中输入“HTML5 Flash”这2个关键字组合,将会有1百多万条相关的资讯,真是犹如狂风暴雨一般,而现在的IE8,Safari 4和FF

Jackxin Xu IT技术专栏 2114
上一篇: glassfish jvm配置文档
下一篇: 如何选择Magento主机
rio2012
博客等级 码龄17年 6粉丝 42原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值