Wednesday, June 15, 2011

HTML5 Flash, Mobile Showdown (GuiMark 3)

Guimark3 Mobile Video
With all the talk about HTML5 video being better than flash (It is!) GUI expert Sean Christmann has done a full range of tests, and yes HTML5 wins!
The extensive suit of benchmark tests were conducted utilizing a range of mobile devices, Phones and tablets. The Phones included iPhone 4, Atrix, Desire HD, Nexus One and Droid X. On the tablet fronts Sean tested HTML5 and Flash Video on Playbook, Galaxy Tab, Xoom and iPad2. Of course iDevices did not play flash!
Sean has gone through thoroughly testing each device and frame drops when a video is played on the device which he describes as cumbersome. It is cumbersome because Sean first encoded a source video with four different encoding settings, 360p, 480p, 720p and 720p hIgh to represent the videos available on public sources like YouTube. Then he embedded the number of each and every frame in the test videos. I am sure that would have been painfull but that is the love of true tester, a way to find perfection. When the videos were palyed back on devices, Sean recorded the playback with a high-speed camera, so he could examine the recordings and measure how many frames each device had dropped during the playback. Sean deserves great credit, just for the procedure.
He has also released the source code and runnable tests if you decided to verify the facts. He has documented the process and the results also in a very professional manner, follow the link after the jump!

HTML5 Flash

360p 480p 720p 720p High 360p 480p 720p 720p High

Droid X 100% 100% 99% 69% 100% 100% 6% 9%
Nexus One 100% 100% 99% wont play 100% 100% 7% 11%
Desire HD 100% 100% 100% 99% 99% 72% 7% 10%
Atrix 100% 100% 100% wont play 100% 100% 100% 34%
iPhone 4 100% 100% 100% 99%


PlayBook 100% 100% 100% 100% 100% 100% 100% 98%
Galaxy Tab 100% 100% 100% 100% 99% 64% 8% 9%
Xoom 100% 100% 100% 100% 100% 100% 100% 97%
iPad 2 100% 100% 100% 100%

Numbers In Percentage of Frames Played

Sean Christmann's GuiMark 3


Blog Widget by LinkWithin