Mozilla

Talking about HTML5 games development at MIT in Boston

As part of our university outreach programme, a few Mozilla people and volunteers went to Boston last week to give a series of lectures on web technologies for games development.

During the week we covered topics like WebGL for 3D development, basics of JavaScript, debugging and performance, canvas development, offline development and local storage and multimedia on the web. We’ll make these slides available in the comments to this blog post.

The slides of the multimedia talk are available here:

The topics covered were:

  • Quick history of Multimedia on the web
  • Annoyances with Flash
  • HTML5 audio and video
  • Codecs and conversion
  • Embedding video and audio
  • Controlling video
  • Transforming video
  • Making realtime changes
  • Awesome new audio possibilities

We showed and explained a few demos like:

I also provided extensive notes for the whole talk with code examples on my own blog.

4 comments

Comments are now closed.

  1. Tyler Durden wrote on January 17th, 2011 at 11:32:

    Talking about Flash annoyances and using an Html5 slideshow viewer with text impossible to select is quite … annoying ;-)

    1. Chris Heilmann wrote on January 17th, 2011 at 11:48:

      Well, the Flash embed code from Slideshare doesn’t allow you to do that either. Working on a scaling HTML slide system that works across browsers is going to be the next challenge.

  2. WulfTheSaxon wrote on January 18th, 2011 at 00:48:

    It should be noted that Opera has supported slideshows made with the CSS projection media type for years: http://dev.opera.com/articles/view/html-css-slideshows/

    That’d be bug 120398: https://bugzilla.mozilla.org/show_bug.cgi?id=120398

  3. T. wrote on March 16th, 2011 at 22:24:

    To be honest, I’d love to see the audio tag work in Firefox. I’ve got my /test.html page ready for when I buy the extra space to host my music on my site. The only problem I have with the codes, though, is that no matter which codec I use (.ogg, .wav, .mp3, etc.), Firefox just gives me a giant dark gray ‘x’ in place of the audio player. It works in all other browsers I’ve tested it on, except for IE, but at least IE gives the correct fallback text.

    I’m using Flash players until FF supports audio tags properly, but the Flash-induced page load time feels like dial-up. I’ve heard that the issue may be just server side, but to be honest, if it was a server issue, Opera, Chrome, and Safari would have the same problems.

Comments are closed for this article.