Thursday, April 22nd, 2010

Blowing up HTML5 video

Category: Canvas, Video

Sean Christmann has been experimenting with canvas and HTML 5 video. The results? Blowing up a HTML5 video:

html5boom

He considers the implementation to be ”bit of hackish” though and explains why:

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. I’m sure there’s a technical reason for this duplication process, but it’s a lazy reason.

Check out Sean’s blog entry for more details.

Editor’s Note: This is the first posting from long time Ajaxian community member, José Jeria. We look forward to having him posting as he sees fun things around the Web. Welcome! Here is an introduction by José:

I am a self-taught developer that started doing web development back in 97 in Stockholm Sweden. I worked in different web agencies and ended up in Munich Germany after joining an American company called Razorfish. I worked as a web developer mainly coding HTML / CSS and JavaScript etc for 8 years before I got into developing back-end in Java (J2EE) as well.

The most fun I have though, is when developing rich front-ends though (I am very keen on user interface design). I have been, for the last 5 years, developing intranet web applications in data-warehouse environments using different frameworks, such as JSF, Spring MVC and lately my new favorite: Ext-GWT.

Posted by José Jeria at 10:59 am
Comment here

+++++
5 rating from 2 votes

Comments Here »

Comments feed TrackBack URI

Leave a comment

You must be logged in to post a comment.