HTML 5 Video Demo: Explosions and 3D Manipulation
Mon, 05/24/2010 - 08:58 — Andrew
Craftymind.com has published a demonstration of the power available to web developers in the HTML 5 spec. The specification is currently in draft form – actively developed by the W3C. HTML 5 is becoming widely supported by all modern browsers (including Internet Explorer 9). HTML 5 will bring with it the ability to embed video and audio files in web pages without the need for third party plug-ins such as Flash or Silverlight.
The two demos showcase the effect of using JavaScript, canvas and video elements.
In the first demonstration, the user can explode the video simply by clicking the video. After a few seconds, the video will piece itself back together again. While all this is going on, the video continues to play smoothly (on modern browsers and computers).
In the second demonstration, the video rotates around the y-axis smoothly, while the video continues to play.
It won’t be before long before web developers can exploit this technology to make movies a little bit more of a novelty on the web.
You will need to be running Mozilla Firefox 3.6, Google Chrome 4 or any recent Safari version to see the video.