Video Destruction
Sean Christmann has created this fantastic demo of HTML5 video exploding on the screen using canvas. Clicking the playing video will shatter it, sending pieces everywhere. After a short period, the fragments will rebuild the video.
During the video, click to explode
Comments from the Author:
Don’t ask me why, but copying pixel data out of a video tag is expensive, so expensive that drawing it into a temporary canvas, and then drawing pieces of that temp canvas onto a final canvas is faster then just referencing the video tag repeatedly within the same loop. That’s why you’ll see 2 Canvases in the source code for the demos.
Video Destruction works best with Chrome or Safari.
Comments
Socapex
+1 for Safari 4.0.5, mac os x
Posted on April 30, 2010
Bob
Amazing!
Posted on May 11, 2010
Jan
great demo! works also very well in opera 10.53.
Posted on May 15, 2010
YopSolo
don’t work with iPad
Posted on June 4, 2010
PCF
Works splendid in IE9 RC. I even tried that out side-by-side with Chrome and got better results.
Posted on February 28, 2011
Related demos