Flash已死,HTML5当立在Google、Mozilla、Apple等组织的努力下,HTML5标准已经从草案走向实现。目前几个主流浏
Flash已死,HTML5当立
在Google、Mozilla、Apple等组织的努力下,HTML5标准已经从草案走向实现。目前几个主流浏览器的最新版本均已或多或少支持HTML5的新功能,即使是过时的浏览器也可以通过Javascript和插件来模拟相应的效果。
?
在开发RIA(富互联网应用)的时候,是选择占有率、兼容性、开发效率有限的Flash、SilverLight、Gears、JavaFX等插件,还是选择与Javascpt、HTML、CSS等无缝结合的新Web标准,是值得考虑的。当然也有人会担心IE的顽固。对比十年前,Google也是在AJAX技术不成熟的情况下开发出GMail和Google Maps等新型应用,赢得了用户的认可,说明机会和风险是并存的。在又一次新技术浪潮来临的时候,你能占据先机吗?
?
?
绘制图像
?
HTML5将通过两项图像技术来提供更华丽的界面:SVG 描述矢量图,<canvas>标签和Javascrpt绘制位图。会翻墙的话可以看看Google工程师的视频介绍。
?
兼容性方面,主流浏览器中只有IE不支持,Google的svgweb可以通过VML在IE上模拟SVG,而同样是Google的excanvas可模拟canvas。
?
虽然2D世界还在发展中,OpenGL的WebGL和Opera的3D Canvas已经把手伸向3D,不用太久魔兽世界这样的大型3D游戏也会出现在浏览器上。
?
视频音频
?
使用<video>和<audio>标签即可直接播放视频和音频,并通过Javascript接口控制。目前有争议的是解码格式,至少要支持OGG和H.264两种文件,再加上传统的FLV,视频网站又要多准备很多块硬盘了。不过对于已经支持HTML5的YouTube来说应该不是问题。
?
兼容性方面,html5-nowJavascript库会根据浏览器的不同提供Flash、QuickTime、Java三种播放器作为补丁。
?
地理位置
?
经过用户许可后可获得当前用户的地理坐标,以提供更加本地化的服务。根据使用Android的经验,硬件会尝试电信、WIFI、GPS等尽可能多的手段去定位。
?
访问Google Maps的Where Am I ?就可以知道你的浏览器是否支持,目前好像只有FireFox。Google Gears则是另一种选择。
?
本地存储
?
HTML5提供两种存储方式:key-value方式的Local Storage和数据库方式的Web SQL Database。
?
对于IE8以前的版本,local-storage-js可以在没有Local Storage情况下用cookie去替代。另一个javascript库PersistJS则可从Gears、Local Storage、Web SQL Database、Global Storage、Flash、IE、cookie等多个存储方法逐一尝试,以便最大限度的兼容。
?
离线应用
?
有了本地存储之后,通过html元素的manifest属性中指定哪些程序和资源文件需要缓存下来,结合离线API就可以在没有网络的时候继续运行程序,待网络恢复后再与服务器同步。目前只对非IE的浏览器有效,IE下需要使用Google Gears。
?
后台计算
?
对于计算量较大的程序,由于Javascript单线程执行,容易让浏览器陷入假死状态,Web Worker技术正是为了解决这个问题。每个worker会使用各自的线程在后台运行,与DOM环境完全独立,并通过本地存储交换数据。
?
目前只支持非IE浏览器。如果不能放弃IE的话还是推荐利用Flash计算,性能比Javascript好很多,类库也比较丰富。
?
网络通信
?
Web Sockets可以提供一个socket持久通信连接,以替代问题多多的Comet或是Ajax轮询的方案。同样只支持非IE浏览器,在IE上web-socket-js 利用Flash来实现。
?
DOM5
?
标签增加了更多类型,如<article>、<nav>、<footer>等语义标签,时间、颜色、范围、组合框等<input>类型 ;响应拖拽、onhashchange、onerror等事件。这些特性html5-now通过Javascript进行了模拟。
?
?
?
应用示例
?
画图软件:http://mugtug.com/sketchpad/

?
![Flash已死,HTML5当破]()
?
本地化便签:http://htmlfive.appspot.com/static/stickies.html

?
?
反恐精英:http://www.benjoffe.com/code/demos/canvascape/

?
?
LOCOROCO:http://www.blobsallad.se/

?
?
飘动的3D旗帜:http://gyu.que.jp/jscloth/

?
?
?
连连看游戏:http://icefox.net/anigma/

?
?
打鼓机器:http://www.randomthink.net/labs/html5drums/

?
?
某动作游戏:http://www.chromeexperiments.com/detail/another-world-js/

?
?
分形图:http://onecm.com/projects/canopy/![Flash已死,HTML5当破]()

?
?
打砖块:http://billmill.org/static/canvastutorial/

?
?
可以旋转的播放器:http://htmlfive.appspot.com/static/video.html

?
?
图表:http://www.rgraph.net/

?
?
?
?
?
?
30 楼 faiinlove 2010-03-03 我们香港老板开的公司,还是用的VFP开发的· 现在还是大量客户,还是每年占据公司60%以上的收入!所以,技术是为需求服务的,不是赶潮流的! 31 楼 swordray 2010-03-07 现在还有人在用半个世纪前的COBOL呢,旧技术是很顽固的。但是总是会有人走在前面。 32 楼 lastForward 2010-03-09 不用太久魔兽世界这样的大型3D游戏也会出现在浏览器上.
照这个说法,那以后的PC机是不是只需要配个浏览器即可? 33 楼 clia 2010-03-09 lastForward 写道不用太久魔兽世界这样的大型3D游戏也会出现在浏览器上.
照这个说法,那以后的PC机是不是只需要配个浏览器即可?
Google O3D和Chrome OS 34 楼 ivan_070 2010-03-11 xzhome 写道xinyu198736 写道lz,你弄清楚了再说话,你知道html5做动画多么复杂吗?你自己去试试就知道了,在动画部分,html5要超越flash那至少要10年,况且html5的canvas是设计用来呈现图像的,而不是设计动画,只是提供了几个绘图api而已
除了游戏,web上不需要动画
应该要的,web技术到目前为止没有什么大的发展,唯一的亮点是ajax。
现在IE9又推出一个亮点“GPU”,这意味着新一代的web除了视频、图片等之外,还会涌现大量动画,web会更丰富多彩。 35 楼 sp42 2010-03-18 faiinlove 写道我们香港老板开的公司,还是用的VFP开发的· 现在还是大量客户,还是每年占据公司60%以上的收入!所以,技术是为需求服务的,不是赶潮流的!
哈哈 那时候学习用的就是VFP 36 楼 forbe 2010-03-22 原本不想回复什么.我只是在想.我们是不是在说话之前多些考虑.而不是捕风捉影的信口开河.
据我观察.大多数在javaeye上发这种没头没脑的贴子的.无非有两种,要么.就是一桶水满半桶晃荡哪种(难怪乎为代码民工). 要么就是没有对旧(flash)一无所知对新(html5)一无所知.仅仅是花了上午本该跟人吹牛扯蛋的时间来信手google了一下.于是暗自窃喜,哈哈.终于有显露自己是多么290的机会了.遂决定发粪涂墙.
否则怎么可能放出这种厥词出来哗众取嘘..
37 楼 xa_zbl 2010-03-23 forbe 写道原本不想回复什么.我只是在想.我们是不是在说话之前多些考虑.而不是捕风捉影的信口开河.
据我观察.大多数在javaeye上发这种没头没脑的贴子的.无非有两种,要么.就是一桶水满半桶晃荡哪种(难怪乎为代码民工). 要么就是没有对旧(flash)一无所知对新(html5)一无所知.仅仅是花了上午本该跟人吹牛扯蛋的时间来信手google了一下.于是暗自窃喜,哈哈.终于有显露自己是多么290的机会了.遂决定发粪涂墙.
否则怎么可能放出这种厥词出来哗众取嘘..
tttuuu 38 楼 xlaaa111 2010-03-25 我们公司就还在用COBOL。。。
生命力相当顽强。。。 39 楼 tter445 2010-04-12 想看一那几个例子,浏览器不技持 40 楼 月影无痕 2010-04-27 简直是胡说八道,
现在用户数最多的浏览器是IE6, HTML5的普及 , 远着吧 41 楼 swordray 2010-04-27 <div class="quote_title">月影无痕 写道</div>
<div class="quote_div">简直是胡说八道, <br><br>现在用户数最多的浏览器是IE6, HTML5的普及 , 远着吧</div>
<p>?</p>
<p>?</p>
<p>晕,这篇文章就是在说部分HTML5的特性是可以通过各种办法在IE6上兼容的。有些不能兼容但flash也做不了。</p> 42 楼 whitenegro 2010-04-27 OK
的确很多用户使用IE, 甚至IE6。 或许这些用户在互联网的份额得占到50%以上。
但是软件这个东西总是新事物代替旧事物, 特别是HTML5/CSS3 的确能带来无以计数的新特性, 应用的功能极大加强, 而且用户素质也是不断提高, 所以现在IE6的确可以去了 43 楼 pmlong 2010-05-24 flash板块摘录的,看看吧
http://www.iteye.com/topic/658407
谁需要HTML5?
Google最需要!Apple的Jobs也需要。但这两个肯定各怀鬼胎。微软无所谓了,反正他还有Silverlight。
Mozilla/Firefox非盈利组织,目标可能会高尚些,是w3c标准就要支持。Opera那点浏览器市场占有率估计还没敢有太多想 法。
Google的云计算帝国就差一个支持 RIA(Rich Internet Applications)富互联网应用的客户端了,试想 HTML5得到普及,更多的应用转向BS模式时,微软帝国的桌面软件生态环境必定受到很大威胁,垂涎多年的Google一定是最大受益者。当在一台操作系 统免费的电脑上使用和MS Word差不多功能的免费Google Doc时,你还会掏钱买微软的Word吗?当你所有的办公应用都只需要打开浏览器窗口 时,你还会花钱买操作系统吗?Google的Chrome OS操作系统界面已经说明了这个意图。
Jobs也需要HTML5,他是打着小算盘,想让浏览器原生支持视频音频,这样iPhone、iPad就不用嵌入Flash,Jobs当然 不能让Flash进iPhone OS,要不然App Store里的游戏谁去买?同时,如果大量的应用都能基于浏览器实现时,用户就不会被 Windows的桌面应用套牢了。漂亮的Mac电脑谁不喜欢。
他们选择 HTML5都是为了更大野心,期望HTML5带来整个软件生态环境的改变,同时避开不受自己控制的Flash。
Macromedia和后来的当家Adobe把握住了互联网应用的发展需求,不断的完善的Flash,使之已经超越了浏览器本身的功能。各 大浏览器厂商也看到这种应用的需求,不甘于一个本该浏览器实现的功能,由一个几兆大小的 Plugin实现了,并玩的风生水起。于是不遗余力的推进 HTML5,并且矛头直指Flash。
用户想要HTML5吗?用户要的不是技术,是应用,是体验。如果你能拿Ajax实现一个开心农场,我想没谁会在乎它是不是Flash做的。
开发者想要 HTML5吗?那需要一个成熟的HTML5+CSS3+JS的开发环境,需要各个浏览器提供统一的用户体验,即标准的完全兼 容。还需要增加新的学习成本。
Flash 的优势?
Flash比HTML5强在哪?性能,功能?如果说HTML5将拥有和Flash所有内置对象类似的DOM 呢,还有GPU的2D、3D加 速呢?这不是没可能,毕竟HTML5还只是草案。当然Flash也能不停的更新。
开发群体
我认为Flash的优势是在开发人员上,十多年的积累,有众多优秀的艺术家、程序员和互动设计师集中在Flash平台上做互动媒体开发。也 使无数的类库有了AS版,如FLARToolKit,Touchlib,OpenCV这些互动、图像分析的c++库都移植到了Flash平台。在RIA应 用上有相对成熟且开源的Flex框架,越来越多的企业在尝试使用Flex替代Ext等 Ajax框架,为客户提供更好RIA应用体验。
持续发展
FlashPlayer 是一个封闭的系统,是由Adoeb独家控制,相对于开放的HTML5标准这是弱势,也是技术上的优势,它可以很灵 活,可以随时加入新技术,新功能。而 HTML5是一个公开标准,既然是标准就意味着不会经常改动。Flash的改进升级只需要用户升级 FlashPlayer插件,插件的升级相对用户来说,是轻量级的。HTML标准的改进意味着升级浏览器,这是相对重量级的用户操作,尤其是还有很多人不 明白什么是浏览器。
HTML5开放标准一旦确定下来,就会有一个很长的使用周期,今天看是足够先进的功能,十年后呢。就像当年我们用着 HTML4+CSS2+JS沾沾自喜以为足够表现Web应用时,谁能想到今天Flash不断改进所开拓的天地呢。或许十年后我们又该讨论HTML6秒杀 Flash的话题了。
超越web应用
如果当时SUN能重视Java Applet,或许就没有Flash的今天,SUN也不会沦落到被收购的境地。而如今Adobe AIR更 是让Flash超越Java Applet,让Flash超越了web,脱离了浏览器。Flash到如今功能不断增强,在多媒体领域也在不断地压缩自家老 大哥Director的应用空间。多点触摸、人脸识别、Socket通讯同步、AR增强现实、实时视频等等功能在Flash平台上的实现,让越来越多的互 动多媒体项目采用Flash方案。
希望Adobe继续能扩展Adobe AIR平台的功能,提高性能。能有越来越多的跨平台桌面应用在AIR上实现。 44 楼 prypl 2010-05-25 题目很嚣张 内容不错的 45 楼 ray_linn 2010-05-25 html5是标准么??? 46 楼 cuixiping 2010-06-02 flash , flex 最大的优势,是开发方便,所谓的方便,既是指本身提供了大量实用API,又是指强有力的官方文档,强大的开发工具套件,以及平台普及性。
HTML5出来的结果,只是给我们多增加了兼容的负担而已,还有那么多人的浏览器只能HTML4。 47 楼 caowei3047 2010-06-09 LZ哪里找的这么前卫的DD,经常上英文网站吗? 48 楼 176170847 2010-07-09 在开发RIA(富互联网应用)的时候,是选择占有率、兼容性、开发效率有限的Flash、SilverLight、Gears、JavaFX等插件,还是选择与Javascpt、HTML、CSS等无缝结合的新Web标准,是值得考虑的。
就冲这句话,就可以说楼主你是脑残,占有率、兼容性、开发效率每一项都是flash的强项 49 楼 176170847 2010-07-09 stanomy 写道flash的实时展示性能尤胜html
一秒钟刷300条数据,刷死html
这点我赞同,flash datagrid显示大批量数据的效率还是比html好的