Let’s Make Some Popcorn with AK
Friday, December 16th, 2011I could have thought of a less obvious title, but I just liked the joke, okay?
A few weeks ago I came across a framework called popcorn.js which, as its name certainly does not imply, allows the user to create timed interactions within a video.
Say some people in a video are snapping their fingers (those crazy kids); by using one of the multiple plugins of the library, it’s possible to get a kid in another completely separate part of the page to snap his fingers AT THE SAME TIME.
They say it’s an HTML5 framework that will find use in the hands of filmmakers, web developers or anyone who wishes to create time-based interaction with media.
The plugins include interaction with Youtube, Vimeo, Twitter, GoogleMap, Wikipedia, LinkedIn, Timeline and many more.
In the example below (which is inspired by Dan Harper) I merely used Google maps, Footnote (to write some content to the page), tag this person (to create a tag) and also some truly amazing images and subtitles.
As you can (maybe) see, it’s easy to use and super, duper fun as well.
One possible example of usage could be for a ‘How To’ video; adding interactive information, popping at key moments on the page, would give an extra level of content to the vid.
The framework is part of Mozilla’s Popcorn Project. For more details check out: http://mozillapopcorn.org/.
What are you waiting for? Try it already!!!

























