Intermission Entertainment with Popcorn.js

on YouTube ↗51m

" summary

Popcorn.js synchronizes web services and visuals to video so HTML5, YouTube and Vimeo clips trigger Flickr, Twitter and Wikipedia overlays and custom Processing drawings in sync; demos include a viral “monkey riding a dog” mashup, a Khan Academy interactive lesson and a Glenn Beck/Donald Duck analysis. Built things: Popcorn.js HTML5 video framework, Butter GUI for creating plugins, and a live hack that ties an Arduino + Node.js + socket.io potentiometer to video control. Release notes: 0.5 current, 0.6 promises documentation.

AI-written summary · about

" chapters (13)

1. 0:00Popcorn.js introduction
2. 2:19Live demo of Popcorn.js
3. 3:25Declarative Popcorn and YouTube/Vimeo
4. 4:55Syncing video with keyboard instruments
5. 6:33Butter Camp and API demo
6. 11:33Latest version and future updates
7. 15:09Political media manipulation
8. 22:50Arduino and Popcorn.js project
9. 28:05Graffiti Analysis software
10. 31:56Graffiti Markup Language capture
11. 40:24Popcorn.js production tool
12. 42:40Khan Academy interactive demo
13. 50:15Closing remarks

" related talks

• 16mJavaScript can be the missing spork in ffmpeg's swiss army knifeMatt Szatmary · Demuxed 2023
• 38mUnlock the Power of JavaScript’s Hidden GemsGil Fink · Build Stuff 2024
• 08mChris Wilson (Google) interviewed at Fluent 2014Chris Wilson · Fluent 2014
• 47mGetting Serious with Web VideoBrian Chirls · JSConf.Asia 2013
• 37mCode Your Videos: Programmatic Video Creation with JavascriptKevin Blanco · DevFestYYC 2024
• 21mVideo Creation in a JavaScript WorldJonny Burger · RTC.On 2023
• 15mJavaScript and Interactive InstallationsHugh Kennedy · NodeConf Argentina 2016
• 13mCreating videos... with React!Alfonso Graziano · Conf42 JavaScript 2023