The recent arguments between Apple and Adobe regarding Flash support in iPhone and iPad has fueled the discussion on video on HTML5 vs. Flash.
In this post I comment on current status of standards and browser support and whether HTML5 will replace Flash.
HTML5 allows embedded video to play natively in the browser. In order for a browser to play video it needs to include a video codec. Each video format has a different codec. Since W3C (the governing body of the HTML standard) decided not to specify a standard video format, each browser developer is free to choose what video format to support.
So far the two main choices are H.264 and Ogg Theora formats. Some browsers support one or another, and only Chrome has decided to support both. Most online video is currently encoded using the H.264 codec, and many devices support hardware decoding which greatly improves performance and battery life.
Another important aspect that was left out of the standard was streaming. Without any definition on streaming we are left to whatever mechanism browser and server developers want to support.
The situation with audio is similar in terms of the scope of the specification, different formats available and the support by major browsers.
On top of that none of the browsers (except for Opera) currently support all the video and audio functions (controls) specified in HTML5.
It is a good idea for developers to start using the new audio and video support in HTML5 browsers, specially for iPhone and iPad users. However, you cannot yet depend only on the new HTML5 video and audio support. You will need to implement advanced scripts to detect browser capabilities and then use the best presentation option.
One aspect of the comparison between Flash and HTML5 that seems to have been left outside is the animation capability. HTML5 relies mainly on JavaScript to provide rich animations and interactivity. However, this is intended to be used together with the new HTML canvas tag for drawing of 2D and 3D objects, CSS3 animation and transformation capabilities, as well as browser support for SVG (scalable vector graphics) and web fonts.
Similar to the situation with audio and video, most browsers support canvas, SVG or CSS animations partially or not at all.
Flash is much better positioned to deliver animations because developer do not need to worry about complex math functions to create complex movement. While there are several JavaScript frameworks, none of them provide such advanced development functionality as Flash.
The following table shows the current support level of different audio, video and animation functions in HTML5 and CSS3 that are needed to compete with Flash.
| Video H.264 |
Video Ogg |
Audio MP3 |
Audio WAV |
Audio Ogg |
Canvas Tag |
SVG | CSS Anim. |
|
|---|---|---|---|---|---|---|---|---|
| IE 9 | ♦ ? | ♦ ? | ♦ ? | |||||
| Firefox 3.6 | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | e | ||
| Firefox 3.5 | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | |||
| Chrome 5 | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | e | |
| Chrome 4 | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | ||
| Safari 4 | ♦ p | ♦ p | ♦ p | ♦ p | ♦ p | e | ||
| Opera 10.5 | ♦ | ♦ | ♦ p | ♦ p | ||||
| Opera 10.0 | ♦ | ♦ | ♦ p | ♦ p |
Source: Wikipedia - HTML5, CSS3, SVG
Notes: ? - Internet Explorer 9 to be released later in 2010 or early 2011, p - partial support, e - experimental
The following chart shows the current market share of the different browsers. Unfortunately the market is vastly dominated by browsers that do not have sufficient support of HTML5 or CSS3.
Source: StatCounter Global Stats
Is HTML5 Replacing Flash? I don't think so. The standards and browser support are not yet in a point where it could replace Flash for video and audio playing, and even less for advanced animations. I do believe that standards and support will advance and eventually will get to a point where they become a strong alternative for audio and video playing.
Except for the need to serve iPhone and iPad users there are no compelling reasons for developers to convert their existing websites from Flash to HTML5 video, or even less to re-encode video material. If any, the current state is requiring additional work and complexity in website development if HTML5 video is desired.
If you are developing a new website or want to support HTML5 video, you may want to try the Longtail Video JW Player for HTML5, a collection of scripts and settings that allows you to deploy video using native HTML5 support or Flash when necessary. Note that it is still in beta version.
References:
http://www.webmonkey.com/2010/05/who-needs-flash/
http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/
http://www.apple.com/hotnews/thoughts-on-flash/
http://blogs.msdn.com/ie/archive/2010/04/29/html5-video.aspx
http://www.themaninblue.com/writing/perspective/2010/03/22/
http://www.longtailvideo.com/support/blog/11887/html5-video-not-quite-there-yet
The real market...
HTML5 makes business sense
1. More people know HTML.
2. Designers and developers can work together more easily.
3. More people can work on a project simultaneously.
Check out why html5 makes business sense
The Link
RE: HTML5 makes business sense
First of all - to me, that's really ONE argument and not three. But please expand on 2.
I'm a designer as well as a developer and I run a production company, and I really can't see how this is the case. In fact, quite the opposite!
Designing for HTML is a nightmare, and rarely ends up as you intended. This is a well-known fact.
While I agree on many of the downsides of Flash - primarily SEO-issues, iOS-incompatibility and just being grosely misused over the years, the downsides of HTML (be it 4 or 5) in my opinion oftentimes far outweigh the ones that Flash has. ESPECIALLY from a designer's perspective!
Now, for some website-productions I really recommend my clients to use HTML over Flash (usually for the reasons mentioned above) even though that usually results in less profit for my company, so I really don't consider myself biased. Just so we're clear on that.
RE: HTML5 makes business sense - continued
But as for now, and in any foreseeable future - when it comes to creating high production value without having unlimited resources and where design and user-experience are important aspects of what your trying to accomplish - Flash is still the goto-platform.
HTML5 is, again - in my opinion, highly overrated and still has at least a couple of years of improvement before it's even comparable to what you can do with Flash. At least if you want to secure that all your end-users will experience the same thing or to maintain any level of quality control.
RE: HTML5 makes business sense - continued 2
And I find it curious that whenever someone points to an HTML5 production that is visually interesting or innovative - it's almost exclusively with some kind of reference to how "...it looks just like Flash".
So I strongly object to your designer-aspect as being a valid reason for not choosing Flash.
Best regards,
Elias