Mozilla

Make your video work like the web


Mozilla

A javascript library to mesh video with the web.

Mozilla

Popcorn Maker

Make Popcorn, no code necessary.


Mozilla

The Web


=

HTML

Hypertext Markup Language

JS

Javascript

CSS

Cascading Style Sheets

+

people and content

Mozilla

The Web


=

HTML

Structure


JS

Function


CSS

Style


Mozilla

Javascript library...

Mozilla

At x time,
do y thing
until z time

Mozilla

change the style
add content
give a choice
get data
send data
make a phone call
queue a 3d model

Mozilla

Believe it or not, until about 2009, the web didn’t do video. There were plugins like Flash and Real, but they were proprietary and disconnected from the rest of the page, and the content lived in a black box.

Mozilla

Template

HTML + CSS

Popcorn Maker

Javascript-O-Matic

Finished Product

HTML + CSS + JS

Mozilla
Mozilla

Weave the web into the story.