Hacking web-native video 

with Popcon.js

 30 Nov - 1 Dec 2013 

Philo van Kemenade @phivk

Gilles Pradeau @LearningToCount

#popathon - popathon.org

 Diving into... Popcorn.js 


Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web.





 Popcorn.js Examples 


















Highrise - One Millionth Tower by Katerina Cizek, 
Mike Robbins & friends





Happy World by Cinquième étage & Upian

Know Your Exit by Robert R. Morris




Know more examples?


leave a comment!

 Popping HTML5 Video 

 A Walkthrough 


jsbin.com/popathon1/latest  

jsbin.com/popathon2/latest  

jsbin.com/popathon3/latest  

jsbin.com/popathon4/latest  


 Popcorn API 


http://popcornjs.org/popcorn-docs/

 Hosting Video Online 

Popcorn handles:
  • YouTube
  • Vimeo
  • HTML5 source links:

(your own) web server

 Community 






Contribute a plugin
Check out the friendly mailing list

Web-native video with Popcorn.js

By Philo van Kemenade

Web-native video with Popcorn.js

  • 2,410
Loading comments...

More from Philo van Kemenade