Microreviews

Apple Google Microsoft Tablets Search Facebook

Audio and Video support in HTML 5 – the basics-Part 1

| 3 Comments

When you try your hands around HTML 5, one of the first things you come to know is the <video> element support. HTML 5 standardises the embedding of videos on the web. However, there is still a lot of confusion about the audio and video support on Browsers.

First things first. Which all browsers support the video elements:

  • IE 9.0+
  • Chrome 3.0+
  • Firefox 3.5+
  • Safari 3.0+
  • Opera 10.5+
  • iPhone 1.0+
  • Android 2.0+
HTML5_Badge_256

Video codecs on HTML 5

Video Containers: Wikipedia says, and I agree

container or wrapper format is a meta-file format whose specification describes how different data elements and metadata coexist in a computer file.

 Video formats define a format of how things are stored within them. For example, a video file might actually consist of a video, a related audio, and a lot of metadata. The container format defines how to store the video and audio streams in a single file.
Some popular video container formats are :

So, What the heck is a video codec?
A video codec needs to do the following:
  • Interprete the container format defined above
  • Decode the video stream into a sequence of images
  • Decode the audio stream
Video codecs are of two types:
  • Lossless Video Codecs
  • Lossy Video Codecs
Lossless video codecs are far too big in size to be useful for the web. Lossy video codecs are what we use.
The three best known video codecs are:
  • H.264 - The H.264 standard is patent-encumbered
  • Theora - Theora is a royalty-free codec and is not encumbered by any known patents other than the original VP3 patents, which have been licensed royalty-free.
  • VP8 - VP8 is a royalty-free, modern codec and is not encumbered by any known patents, other than the patents that On2 (now Google) has already licensed royalty-free. Update from comment: VP8 very likely infringes on a bunch of different patents—”Google’s WebM (VP8) allegedly infringes the rights of at least 12 patent holders”:http://fosspatents.blogspot.com/2011/07/googles-webm-vp8-allegedly-infringes.html
This concludes the first part of the series. In the next part, we will cover audio codecs, the licensing issues. We will also cover the mark up of how these formats can be played on various browsers.
Read the second part here.
Get in touch with the writer at mitra[dot]arkid[at]gmail[dot]com

Related posts:

  1. iRiver P7 portable media player review
  2. Microsoft vs Google – 2009 – Part 1 – Operating systems and Documents
  3. FluidHTML – Markup for Flash- What does it mean for HTML guys?
  4. Microsoft vs Google – 2009 – Part 2 – Search, Email and IM
More in Technology, Tutorial (13 of 101 articles)