Hacker News Reader

Comment by detay | Hacker News Reader

Still did not understand what good it is for. To put tweets and google map on a page?

The Popcorn library syncs events to a video's timeline. For example, I can show the profile, photo, and recent Tweets of each presenter/speaker in a video. And the plugins work with YouTube, Vimeo, and HTML5 videos. This was always possible in JavaScript, but Popcorn makes it simpler, putting interactive video into the hands of beginner programmers and small projects.

Here's a practical example using Khan Academy's library and Wikipedia articles to teach about the scale of the Solar System with Popcorn.js: http://vocamus.net/dave/?p=1309

I can't seem to find a link to this in action. I just find two blog posts about it.

https://mozillademos.org/demos/planetarium

That's not actually it. It's a sorta mashup of that, Khan Academy and Wikipedia, facilitated by Popcorn.js

Oops! Sorry! :)

Same, it seems they lost the link to the actual demo and just keep linking back to this blog post: http://mozillapopcorn.org/popcorn-in-the-planetarium-demo/ :(

The documentary "One Millionth Tower" was uses popcorn.js to pull in realtime weather data, Flickr photos, Google Streetview maps while you are watching the video. All of it seamlessly integrating into the documentary. Here is the code for the documentary: https://github.com/m4robb/one-millionth-tower

There are a lot more examples on http://popcornjs.org

Using Mozilla's Popcorn Maker webapp, anybody can make a similar project: http://mozillapopcorn.org/popcorn-maker/

Looks like an "authoring environment for making interactive video".

Exactly :D

It's to allow the page to dynamically interact with a video in many different ways.

Reply on news.ycombinator.com