HTML5 Video

I started working on this post in June -- and then Summer hit like a freight train! It proved to be one of my busiest summers yet with work occupying more than its fair share of the time. No big family trips, but lots of small excursions here and there. All-in-all, it was good! Now, back to the reality of the school year...

I've been playing around with HTML5 lately, especially as it relates to video. We've been wanting to provide opportunities for video streaming at ECMECC without the cost of a commercial system. Budgets just aren't going to allow for that kind of expenditure. The issue that has been most problematic has been that of cross-browser and cross-platform support. We tried an implementation of Darwin Streaming Server, but it uses the RTP protocol which requires a plug-in such as Quicktime or RealPlayer. Not all modern browsers are supporting plug-ins the same way, then there is the issue of installing said plugins. We also tried some other methods of streaming including some open-source flash players. Great in many cases, but not supported on the iPhone, iPad or many other mobile devices.

Enter HTML5, the still evolving next generation of web development code. Now supported on most browsers and compatible with many mobile devices including the iPhone and iPad, HTML5 looks to be a promising (and relatively simple) way to stream video to the world. If I've done things right, the video below (the first generation of the popular "Did You Know" video) will play in nearly any browser on nearly any platform. If it doesn't work, give me a break, I'm still learning :-)

Below the video, I've inserted a few links to resources on video streaming with HTML5. I'll keep you updated on our progress!




Dive into HTML5 - A good basic guide to HTML5
Best HTML5 Media Players - A blog post with information on many HTML5 media players
HTML5 Tag Reference - A reference guide to HTML5 tags from W3Schools

Enjoy - and hope you all had a great summer!!