5 ms·
Mozilla launched popcorn.js
- soapdog 15y agoCan someone explain more about butter.js? On the project page there is no README. PS: Popcorn looks really good!
- thibaut_barrere 15y agoDirect link: http://mozillapopcorn.org/ http://mozillapopcorn.org/
- detay 15y agoStill did not understand what good it is for. To put tweets and google map on a page?
- thibaut_barrere 15y agoLooks like an "authoring environment for making interactive video".
- rwaldron 15y agoExactly :D
- genieyclo 15y agoHere'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 http://vocamus.net/dave/?p=1309
- ekosz 15y agoI can't seem to find a link to this in action. I just find two blog posts about it.
- genieyclo 15y agoSame, 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/ http://mozillapopcorn.org/popcorn-in-the-planetarium-demo/ :(
- systemtrigger 15y agohttps://mozillademos.org/demos/planetarium https://mozillademos.org/demos/planetarium
- genieyclo 15y agoThat's not actually it. It's a sorta mashup of that, Khan Academy and Wikipedia, facilitated by Popcorn.js
- systemtrigger 15y agoOops! Sorry! :)
- firefoxman1 15y agoIt's to allow the page to dynamically interact with a video in many different ways.
- ndoiron01 15y agoThe 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.
- pinwale 15y agoThe 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 https://github.com/m4robb/one-millionth-tower There are a lot more examples on http://popcornjs.org http://popcornjs.org Using Mozilla's Popcorn Maker webapp, anybody can make a similar project: http://mozillapopcorn.org/popcorn-maker/ http://mozillapopcorn.org/popcorn-maker/
- dmvaldman 15y agoplug I'm also working on a video annotating web app. I've followed popcorn.js for a while and was never happy with their direction. I've focused more on having users generate textual comments, timelined to the video. You can demo it at http://www.thevaldmans.com/quip http://www.thevaldmans.com/quip when the app is more fully featured and less buggy I'll submit it to hackernews. If you are interested in following the progress, email me (dave@math.ucsb.edu). Thanks!
- randomdrake 15y agoCool stuff. Reminds me a bit of how http://soundcloud.com http://soundcloud.com does a similar thing with music. Check it out if you haven't, yet. It's a really well done solution IMHO.
- dmvaldman 15y agoThanks! I agree, Soundcloud does have a pretty slick implementation. I've definitely tried to learn from their design. Viddler also has a similar feature, and more related to online video. I think what popcorn.js and these other tools are trying to do is pretty exciting. There's still lots of room for improvement.
- findm 15y agoWhy dont't they have their own video use popcorn instead of showing a plain-jane video about how popcorn works in a practical context. Bad marketing imho.
- ckhoo 15y agoI had no idea how far HTML5 multimedia support had progressed until I saw this post. Nice find!
- kmorton 15y agoHere's another example of Popcorn in action. It's used on the people's choice awards website to bring in celebrity content from Freebase synchronized to when the announcers mention them: http://search.peopleschoice.com/v/26948149/bill-paxton-presents-the-nominees-for-the-22nd-annual-favorite-actress-in-a-motion-picture-people-s-choice-award.htm http://search.peopleschoice.com/v/26948149/bill-paxton-prese...
- djb_hackernews 15y agoThis is a great library for doing product demos. Instead of having a video where someone clicks around your app, just create a voice over and have it actually click the links, drag the items, submit forms, etc. Especially awesome if your app is heavy on javascript (like a GWT application)
- razorsharp 15y agomozilla is upto awesome stuff again!
- wingerlang 15y agoThe two examples i've seen is pretty good. But I find it extremly annoying when I have to look at two things. You kind of have to pause.. Good to have. But for me not very practical. I think I have to rewatch the video to look at the comments/infos most of the time.