html5 vs flash – full comparison chart anywhere? [closed]

by

There are already many questions asked on SO for comparisons between HTML5 and Flash. HTML5 by itself isn’t powerful enough (being a markup language), but people commonly refer to the whole stack that is HTML5, Javascript, CSS3 and more when referring to HTML5. This is not the tabular comparison that you were looking for, but it gets some points across.

To start with, HTML5 is a standard and will take time to reach completion. Browser implementation varies as of today although Chrome, Safari, and Firefox are really active in terms of what has already been implemented. Now the biggest difference between Flash and HTML5 is the sandbox. Flash being a browser plugin has access to all low level functionality that HTML5 does not due to the browser’s security restrictions. It’s much more easier to lift a restriction in Flash with a simple update to the plugin, but a lot more difficult to update the spec once it has been finalized and implemented, being the reason why it is taking so long. That said, HTML5 is bridging that gap to get as close as possible to what Flash does.

Audio/Video playback

In HTML5, full programmatic access is provided for audio and video playback. The issue of supported codec is still lurking wide open and being debated over.

Real-time audio/video processing

For real-time audio and video processing, things are not looking bad for HTML5. Checkout this demo for a sample of real-time audio visualization. Another demo for real-time motion-detection is available.

Websockets (with server sent events) and P2P support

HTML5 has WebSockets that allows creating a full-duplex connection to a server, thus reducing the need for Reverse Ajax/Comet techniques. This will be very helpful for games, chat, stocks and many other types of application that require real-time data. WebSockets are not raw sockets, and will only connect to servers that implement the WebSocket protocol. So direct access to your IMAP account, for example, won’t not possible. One major shortcoming with WebSockets as they stand today is the lack of P2P support. It would have been much more useful had it supported connections to other clients. This might change in the future but as of today there is no P2P support.

UI

HTML lacked the UI side of things mainly due to a lack of a canvas like Flash. SVG was there but it wasn’t the easiest thing to use in the world. IDE support for these is still minimal, but it should improve with time. A canvas puts HTML5 at par with Flash, at least on the UI side of things.

Devices – Webcam/Microphone/..

A HTML5 Device spec is targeted towards providing access to devices such as a webcam, microphone, etc. Interestingly enough, there is also a mention of P2P support on this link. It’s still an editors draft but looks like we will finally have P2P before HTML6. More details on the capture API (video/audio) are available here. A full list of things being worked on the device end specifically are listed here. This has been forked off the HTML5 spec and is under a separate working group afaik.

Offline storage, Geo-Location, Parallel processing

among other things

Mobile support for HTML5 is also looking good with Mobile Safari on the iPhone and Android.

For some cool demos, checkout these links:

  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

Two more awesome links thanks to @iddqd

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

More Related Contents:

  1. Flash CS4 refuses to let go
  2. How to embed fonts in HTML?
  3. differences between using wmode=”transparent”, “opaque”, or “window” for an embedded object on a webpage
  4. How to embed a SWF file in an HTML page?
  5. HTML5 Local Storage fallback solutions [closed]
  6. Can someone post a well formed crossdomain.xml sample?
  7. javascript onclick event over flash object
  8. How to mute all sound in a page with JS?
  9. How to notify the HTML container that the SWF has finished, using swfobject
  10. Div Z-Index issue with Flash movie
  11. How do you decompile a swf file [closed]
  12. preparing mp4 file for html 5
  13. Can you use HTML5 local storage to store a file? If not, how?
  14. StackTrace in Flash / ActionScript 3.0
  15. How to embed a video into GitHub README.md?
  16. Adobe AIR to execute program
  17. Flash upload image resize client side
  18. Inverting rotation in 3D, to make an object always face the camera?
  19. object, param, jquery
  20. Client-side image processing
  21. Can Flash action script read and write local file system?
  22. What is the easiest FLV player for embedding video on a website? [closed]
  23. How to fix closure problem in ActionScript 3 (AS3)
  24. Prevent users from submitting a form by hitting Enter
  25. jQuery jump or scroll to certain position, div or target on the page from button onclick [duplicate]
  26. How do I get the HTML source from the page?
  27. Is it possible to style a title? (and with CSS or js?) [duplicate]
  28. How to add the text “ON” and “OFF” to toggle button
  29. How to make resizeable?
  30. combo box is getting vanished when an alert is coming

Leave a Comment