2010-04-13 17 views
15

因此,既然史蒂夫喬布斯說閃光吸收,並暗示HTML5可以做一切Flash可以不需要一個插件,我一直聽到很多人的確切的話。html5 vs flash - 全面比較圖表在哪裏?

我真的很想有一個圖表(類似於http://en.wikipedia.org/wiki/Comparison_of_layout_engines_%28HTML5%29#Form_elements_and_attributes),我可以向那些人展示。展示Flash現在可以做的所有小事,HTML5/Ajax/CSS還沒有考慮到。但是,當然也是HTML5做得更好的東西。

我希望看到像音頻播放,實時音頻處理,字節級訪問,位圖數據處理,網絡攝像頭訪問,二進制套接字,諸如P2P技術(adobe stratus)等所有東西的細節比較不知道我自己。理想情況下,可以使用例子說明二進制套接字(例如POP3客戶端),因爲否則對於非程序員來說它並不意味着很多,因爲他們會說「我們無需二進制套接字就可以做到」。理想情況下,使用此技術的一些當前基準和一些網站示例。

我搜索了網頁,很驚訝沒有找到任何東西。那麼是否有這樣的比較?或者是否有人想創建並將其發佈到維基百科? ;-)

+2

HTML5和FLASH是否在同一聯盟? – 2010-04-13 11:20:10

+3

@Andrei - 他們每個人都有很多不同的聯賽......而且這兩組之間有很多重疊。 – Quentin 2010-04-13 11:48:04

回答

22

對於HTML5和Flash之間的比較,已經有很多問題要問了。 HTML5本身功能不夠強大(作爲標記語言),但人們通常在引用HTML5時引用整個HTML5,Javascript,CSS3等堆棧。這不是你正在尋找的表格比較,但它得到了一些點。

首先,HTML5是一個標準,需要時間才能完成。儘管Chrome,Safari和Firefox在實現方面非常活躍,但瀏覽器的實現方式與今天截然不同。現在Flash和HTML5最大的區別就是沙盒。作爲瀏覽器插件的Flash可以訪問HTML5不受瀏覽器安全限制的所有低級功能。通過對插件進行簡單的更新,解除Flash中的限制就容易多了,但是一旦最終完成並實現了更新規範就更加困難了,這也是它花費這麼長時間的原因。也就是說,HTML5彌合了這種差距,儘可能地接近Flash的功能。

音頻/視頻播放

在HTML5中,完全的編程訪問提供了音頻和視頻播放。支持的編解碼器問題仍然存在,並且正在進行辯論。

實時音頻/視頻處理

對於實時音頻和視頻處理,事情不是HTML5面色不善。請查看此demo瞭解實時音頻可視化示例。用於實時運動檢測的另一個demo可用。

的WebSockets(與服務器發送的事件)和P2P支持

HTML5具有允許建立一個全雙工連接到服務器,從而降低了反向的Ajax /彗星技術的需要的WebSockets。這對於需要實時數據的遊戲,聊天,股票和許多其他類型的應用程序非常有用。 WebSocket不是原始套接字,只會連接到實現WebSocket協議的服務器。因此,直接訪問您的IMAP帳戶是不可能的。 今天WebSockets的一個主要缺點是缺乏P2P支持。如果它支持與其他客戶端的連接,它會更有用。這可能會在未來發生變化,但到目前爲止,還沒有P2P支持。

UI

HTML缺乏對事物的UI端主要是由於缺乏像Flash中的畫布。 SVG在那裏,但它並不是世界上最容易使用的東西。 IDE對這些的支持仍然很小,但它應該隨着時間而改善。一個canvas將HTML5與Flash相提並論,至少在UI的一面。

設備 - 攝像頭/麥克風/ ..

一個HTML5 Device規範的目標是努力提供接入設備,如攝像頭,麥克風等有趣的是,還有的P2P支持這個一提鏈接。它仍然是一個編輯草案,但看起來我們終於在HTML6之前擁有P2P。有關捕獲API(視頻/音頻)的更多詳細信息,請訪問here。在設備端正在進行的工作的完整列表具體列出爲here。這已經脫離了HTML5規範,並在一個單獨的工作組afaik下。

離線存儲,地理位置,並行處理

除其他事項外

對HTML5移動的支持也對iPhone和Android好看與移動Safari瀏覽器。

對於一些很酷的演示,結帳以下鏈接:

  1. http://linuxers.org/article/some-cool-html5-demos
  2. http://html5demos.com/
  3. http://people.mozilla.com/~prouget/demos/
  4. http://htmlfive.appspot.com/
  5. http://9elements.com/io/projects/html5/canvas/
  6. http://ajaxian.com/archives/html5-demos

兩個更感謝真棒鏈接@iddqd

  1. http://apirocks.com/html5/html5.html#slide
  2. http://html5readiness.com
+0

偉大的比較,非常感謝。 – iddqd 2010-04-13 22:47:37

+0

兩個更有趣的鏈接: http://apirocks.com/html5/html5.html#slide1 http://html5readiness.com/ – iddqd 2010-04-17 22:09:36

+0

@iddqd感謝您的鏈接..在幻燈片28周圍,我意識到這不是隻是一個靜態的演示,但我可以在那裏玩的例子。 – Anurag 2010-04-17 22:56:23

2

This chart可能是諸如此類的事情,你要尋找的。

+0

漂亮的圖表,謝謝。 – iddqd 2010-07-18 14:38:27

1

HTML5代表超文本標記語言,我們使用這種技術來開發網站。

Adob​​e Flash是一個富互聯網應用程序(RIA)工具以及多媒體平臺。它用於爲遊戲,廣告和不同類型的網頁添加動畫和交互性。

Small Comparision Flash vs Html5