BigBlueButton uses popcorn.js for HTML5 playback of recordings

Two words: popcorn.js rocks.

We’ve been working on adding record and playback to BigBlueButton 0.8 for months (we’re almost ready for a beta). We had originally written our own HTML5 playback client for playback of slides + audio. This way, playback could occur within an HTML5 browser. By using HTML5, the playback would be very lightweight: just a series of PNG images and an OGG audio file.

Near the end of our development of 0.8, we were approached by Ben Moskowitz, a member of Mozilla Foundation, and asked if we were interested in using popcorn.js instead. popcorn.js is a javascript library for synchronized playback of media.

With the support of Mozilla, we converted over BigBlueButton to use popcorn.js (read: ditched our home grown client). The conversion went so well that we were able to add playback of chat messages.

Click the image below to see an example of playback of a recorded BigBlueButton session using popcorn.js.

Thanks to popcorn.js and the Mozilla Foundation, folks can leverage popcorn.js when remixing and creating new output formats for BigBlueButton recordings.


Related Articles