Demonstration of HTML5 WebM Live Streaming!

If you haven’t seen the new <video> feature that allows people to easily embed video into web pages without the need for third party plugins such as flash then you’re behind the times! Keep up!

If you’re not using a capable browser while viewing this post then you won’t see much (read: nothing special). The web is slowly evolving and minimizing the "drug like addiction" to Adobe’s infamously unstable Flash player which is used for various popular web content including YouTube videos and time wasting Flash games.

One super cool example of WebM, which is the video technology behind HTML5 video, comes from SkyNews and should appear below if you’re using a browser worth your time using. I recommend Opera! 😉

WebM is a video container which allows for a very simple method of embedding video on a web page that will eventually be adopted by all major web browsers. The video above displays an example of live streaming WebM video and goes to show that the new video tag is very powerful and useful!

I’ve been looking forward to HTML5 video for some time now and am happy to see such neat and useful demonstrations pop-up across the Internet to set such great examples!

The next major step that I’m waiting for is for Google to officially replace flash videos on YouTube and Google Videos with new HTML5 WebM videos. Popular video sites such as YouTube and Vimeo have recently shown off demos of the new video format, but neither have made the leap from flash content to relying on the browser. Depending on how long it takes for other web browsers to adopt and perfect support for this feature, it could be a long wait.

Features such as fullscreen mode have yet to make it into Opera’s web browser, but will certainly be added in a not too distant release. Hopefully sooner than later.

Thanks to a friend in IRC for bringing this to my attention (

7 thoughts on “Demonstration of HTML5 WebM Live Streaming!”

  1. Opera 10.70 Opera 10.70 GNU/Linux x64 GNU/Linux x64
    Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.6.31 Version/10.70

    Other than that it may not require Javascript, I don’t really see the difference between “real” fullscreen and “fake” fullscreen. In fact, I prefer the behavior offered by “fake” fullscreen, since it maximizes the video within my browser window, after which I can choose whether I want to make it fill my screen or not.

    1. Opera 10.70 Opera 10.70 Ubuntu 10.10 x64 Ubuntu 10.10 x64
      Opera/9.80 (X11; Linux x86_64; U; Ubuntu/10.10 (maverick); en) Presto/2.6.31 Version/10.70

      While I wait for fullscreen to arrive, I usually just zoom in on the page for HTML5 videos since the video tag zooms nicely as well.

      1. Opera Campaign 21 10.70 Opera Campaign 21 10.70 Windows XP Windows XP
        Opera/9.80 (Windows NT 5.1; U; Edition Campaign 21; en) Presto/2.6.31 Version/10.70

        Flash on YouTube doesn’t scale too bad either, but I completely forgot about that while I wrote this reply (embarrassingly enough, I use zoom all the time).

  2. Opera 10.61 Opera 10.61 GNU/Linux x64 GNU/Linux x64
    Opera/9.80 (X11; Linux x86_64; U; en) Presto/2.6.30 Version/10.61

    Woah.. works very smoothly which I am not used to on this machine with flash plugin..

    only thing is that on my system the progress slider does nothing.

    1. Opera 10.70 Opera 10.70 Ubuntu 10.10 x64 Ubuntu 10.10 x64
      Opera/9.80 (X11; Linux x86_64; U; Ubuntu/10.10 (maverick); en) Presto/2.6.31 Version/10.70

      Normally the progress bar would move along with the video position, but since this is a non-stop video and live streaming it just stays at the end. While this is how its intended (AFAIK) to behave, it is a bit confusing.

  3. Firefox 8.0 Firefox 8.0 Windows 7 x64 Edition Windows 7 x64 Edition
    Mozilla/5.0 (Windows NT 6.1; WOW64; rv:8.0) Gecko/20100101 Firefox/8.0

    lol everyone uses opera here 😀

Leave a Reply

Your email address will not be published. Required fields are marked *