HTML5 – Let the Games Begin!

Posted by

Every month, I will providing an emerging technology that I believe will be a game changer in the e-learning industry.  This is part of my new features that I will be offering as part of this blog.

HTML5 – Game Changer

Without boring you to death on the details of HTML5, what I will say is this will be a game changer in our industry for a number of reasons.

  • Improves video and audio quality – extensively – thus your Social Learning/Social Media experience has just increased infinitely; Vivemo, Blip.tv and YouTube (beta) are already offering videos in HTML5 players.
  • Improved interactivity over Flash
  • Open Source not Proprietary like Flash
  • Enhanced multimedia
  • APIs
  • Localization
  • Uses 20% of computer resources compared to 40% for Flash – this makes a big difference when someone is trying to view anything, regardless of their internet connection (DSL, Cable, Modem, T1, etc.)
  • Works in the Ipad Tablet and will work in other manufacture tablets, smartphones too – M-Learning to the next level. Oh, e-readers – sure down the pipeline.  HTML5 is a work in progress, so while it is not fully working in the Ipad yet, it will.
  • Not buggy – Flash is buggy
  • Supports file drag and drop capabilities
  • All the big browsers are supporting it i.e. Safari, Chrome, Microsoft IE9, Opera and soon FireFox (at time of writing, not yet)
  • Eliminates plugins (could it be the end of Silverlight?) Flash requires a plugin (especially for updates)
  • You can build courses in HTML5, as you would in Flash — thus as rapid e-learning authoring tools see this as common place, they will need to adapt, thus enabling HTML5 files to be inserted
  • Mobile learning features that will far exceed anything that is possible today

What is the downside?

Right now, the only downside are video codecs.  Sadly, there is not one standard. Video codecs enable you to view video on your computer (they exist in your player for example), and are already installed. Sometimes, you may see the infamous, “unable to play video” or “codec not installed”, which means you are missing that codec.   So, you have to go online to a codec directory and download the appropriate codec.  Codecs exist for audio and video.

So, who uses what?

Google Chrome, Microsoft IE9 and Apple Safari supports h.264, a proprietary format.   Chrome also supports VP8 – proprietary only to Google

Firefox 4.0 and Opera will support Ogg Theora, a free codec.

Can I see HTML5 sites now?

Yes and No

Yes: Apple Safari, Firefox 4.0 (not live) and Google Chrome (you need the latest version, which is in beta, but can be downloaded and works). Safari does support Microsoft OS (Operating Systems).

Somewhat: Microsoft IE9 (in beta) plus the Google Chrome Frame Installed – you can see HTML5 sites, without the Chrome Frame installed you can see only a few sites. One that you definitely cannot see is YouTube’s HTML5 beta player.  Opera, you can only see a few HTML5 sites.

What if I have one of those browsers, but the site is not HTML5 or supports HTML5?

No worry. If you visit a site that does not support or has implemented HTML5, the browser will automatically revert back, so that you can still view the page, the video, images, everything as you currently see it today. Even Flash.

Examples of APIs

Again, HTML5 is a work in progress. Hence an emerging technology.

That said, here are 3 APIs

Geolocation

Data Cache

Video and Audio Capture

How Superior is HTML5 to Flash?

Here are some sites, there players and examples:

  • Jilion –   On-screen controls to play and pause the video, a button that takes it to full-screen mode and keyboard shortcuts that play, pause, and launch or exit from full-screen.  Download a HTML5 browser to see the full power. Recommend one that supports h.264. Please note that these are “on-going” builds, i.e stil in beta.
  • Advection –  To see it, download one of the HTML5 supported browsers – recommend one that supports h.264.

Is Flash dead?

Not in the foreseeable future.  Some camps have full HTML5 web page development implementation somewhere around 2012-2021, which clearly is a big gap. It will be interesting though to see how Adobe handles this battle, since it is clear that the browsers and especially Microsoft support HTML5.

In the who wins category, many people compare it to HD-DVD (Flash) vs Blu-Ray (HTML5), and we all know how that turned out.

Bottom line

Betamax vs DVD.  End of story.  Uh, and Flash isn’t DVD.

Update

Adobe just announced that it will back HTML5 in Dreamweaver.

Other Links

New Features Coming Soon

YouTube HTML5 Player Beta

Open Source Players – as in you just want the player and that’s it:FREE – can’t guarantee how great they are..beta and on-going

Projekktor

Alethia

If you want to view IE9 in a beta preview to see its capabilities, click here. This is not a browser, but it shows its capabilities. You will need Vista or Windows 7 to use it. Will not work in XP or any previous OS version.  To see its powers, after downloading it and installing it, go and test drive it on IE9’s site – Microsoft IE9

Next week: Open Source CMSs (perfect for portals, virtual communities or if you just want a CMS) – of course, FREE.

E-Learning 24/7

One comment

  1. Well, eight months have passed since the iPad hit the market. What a great device for delivery of e/m learning!
    A couple of years ago we began experimenting with Google Development Tools and HTML 5 standards.
    HTML 5 is definitely powerful enough to support deliver of fully animated PowerPoint slides synchronized with video, speakers notes, asides, samples, etc. and provide the tools required to communicate with most LMSs.

Comments are closed.