Popcorn.js

Bocoup, being enormously generous, gave me this week off to work on the open source project Popcorn.js at Mozilla, Toronto. Popcorn.js is sponsored by Web Made Movies, Mozilla’s Open Video Lab, a Mozilla Drumbeat project. Popcorn will allow film makers to do a lot of cool stuff with html5 <video> such as adding credits, subtitles, and extensive social media integration.

Popcorn.js version 0.1 releases next week, and will be shown at the 2010 Mozilla Summit. Here’s some pictures of what we have so far:

Social information such as Flickr images, Twitter feeds, and maps of the person being displayed are constantly updated to the viewer.

I spent the day today building interactive credits to be displayed over the video once it has finished playing. The panels slide out form eachother using jQuery.

Popcorn.js currently consists of Seneca students Anna, Scott, Daniel, Professor David Humphrey, and director Brett Gaylor. If you want to contribute to Popcorn, say hi at irc.mozilla.org/popcorn.

This entry was posted by Nick Cammarata on July 04, 2010 in HTML5, JavaScript, Popcorn, Popcorn.js, Media and Video.

Comments

Training

We offer comprehensive beginner and advanced jQuery, JavaScript and HTML5 training onsite and at The Bocoup Loft in Boston, MA.

Check out our upcoming courses:

More about training →

Categories

AJAX, Apache, Arduino, Audio, audio data api, Augmented Reality, Backbone, Bash, Bocoup, boston, Build Tool, Burst, burst-engine, Canvas, Chrome, Chromium, conflict, CouchDB, CSS, CSS3, Data, Data Visualization, EventSource, facebook, Feature Detection, Fieldrunners, Firebug, Firefox, fx4, Games, Gecko, Git, Google, Google Analytics, Grunt, hardware, heart, hole, html, HTML5, inset, Internet Explorer, Inventions, JavaScript, Johnny-Five, jQuery, jQuery Plugins, jQuery.Hive, JSARToolkit, Linux, list, Media, merge, Minefield, Mobile, moz10, mozilla, Node.js, OOP, Open Source, Open Web Apps, Opera, opposite-winding, Performance, PHP, PollenJS, Popcorn, Popcorn.js, primatives, Processing.js, RaphaëlJS, Regular Expressions, Ringmark, Ringmark Gallery, Safari, Security, shadow, social, Social Networking, specs, SpiderMonkey, sprite-viking, Standards, SVG, Sys Admin, terminal, Testing, Tools, Training, Tutorial, ubuntu, Uncategorized, Uselessware, V8, Video, Visualization, VML, W3C, Web Project Management, Web Workers, webgl, WebKit, WebRTC, wget, Workflow, wtfjs and xml.

Twitter