Popathon 

London #2

10-11 August 2013
Mozilla Office London

Philo van Kemenade @phivk
Gilles Pradeau @Learningtocount

WELCOME



Saturday

Intro
Warm up
Paper prototyping
Tech workshops

*Lunch*

Pitches & teams
Hacking kick off!
Guest talk

Paper Prototyping

the Confused

Apple

Awesome Tshirt

Time Travel






 Black Box Video 




 Black Box Photo by AMagill 




 Like a picture 


 of some awesome text 






 Hyper Video 










 Interactive 


 Alma - A Tale of Violence Web doc








 Dynamic 


 www.takethislollipop.com - I Dare You 








 Collaborative 


 Do Not Touch - Crowd-sourced music video





 Popcorn 





 Popcorn Photo by  DijutalTim 

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



Happy World by Cinquième étage & Upian

Know Your Exit by Robert R. Morris

POPPING HTML 5 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





 Pitches 







 Hack! 





 Toolbox Photo b_Fidelio_ 

PopathonLondon2

By Philo van Kemenade

PopathonLondon2

Slides for Popathon London #2, a hackathon event bringing together filmmakers, web developers and designers to collaborate on interactive online video stories.

  • 1,849
Loading comments...

More from Philo van Kemenade