make popcorn

Nikos Roussos

@comzeradd

Mozilla Rep

Mozilla

Internet is a global public resource that must remain open and accessible

Webmaker

help millions of people move from using the web to making the web

Resources

tools

tools

popcorn maker

popcorn maker

Popcorn maker

demo

Why?

why?

Video beyond the box

Open source

Popcornjs

HOW?

var p = Popcorn( "#video" ).googlemap({
    start: 5,
    end: 15,
    type: "ROADMAP",
    target: "map",
    lat: 43.665429,
    lng: -79.403323
});

plugins

Open Street Map

var pop = Popcorn( "#video" );
pop.openmap( {
    start: 0,
    end: 20,
    type: "ROADMAP",
    target: "map",
    lat: 43.665429,
    lng: -79.403323,
    zoom: "10"
});

plugins

Processing.js

var pop = Popcorn( "#video" );
pop.processing({
    start: 0,
    end: 10,
    target: "processing-div",
    sketch: "test.pjs",
    noPause: true
});