Popcorn.js

Watch a demo of Popcorn.js, our HTML5 javascript library for integrating the web into video production.

Start the video to watch popcorn.js change your webpage!

About

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 is part of Mozilla's Popcorn project.

Other Demos

spacer

Scooter and The Big Man

A hypervideo music documentary exploring the friendship and musical/ spiritual bond between Bruce Springsteen and Clarence Clemons

spacer

Popcorn Remote

A great showcase of having popcorn content play simultaneously on 2 screens – imagine a television show with related content on your tablet. Find the code on Github: https://github.com/dseif/peerbind/tree/piratebay
spacer

The Pirate Bay “augumentary”

An augmented experimented with the upcoming documentary “The Pirate Bay – Away From Keyboard”

spacer

Popcorn.js Color Tracker

This demo uses canvas to detect and track the position of specific blocks of color on the video using Popcornjs to sync content

spacer

Europeana Remix

An exploration of genealogy and the descendants of WWI veterans

spacer

The Interrupters

Learn more about those who have died via gun violence in Chicago

spacer

Grockit Answers!

Grockit Answers uses Popcorn.js to provide answers for learners.

spacer

Cultivating Community

A map based documentary

spacer

History In These Streets

Youth filmmakers at the Bay Area Video Coalition’s Factory program created this web native audio exploration of the Black Panther Party.

spacer

The Real Hero

A Popcorn-powered examination of the role California veterans played in WWII.

View More Demos →