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

knowyourexit

Know Your Exit

A Crowdsourced Music/Visual Composition.

quickpreso

QuickPreso

A tool for rapid prototyping slide presentations in HTML5

mauxdepresse

Maux De Presse

A french documentary about freedom of press in France. The footage has been captured by students of the photojournalism class of the emi-cfd school in Paris.

zaragoza

Zaragoza Public Spaces

Explore the public spaces of Zaragoza, the capital of Aragón, in northeastern Spain.

openimages

Open Images, Open Data

“The demo shows how you can play a video in an enriched context, by linking open data sources to terms that are found in speech transcripts rendered from videos. For the Code Camping event, organized by Open Cultuur Data (Open Cultural Data) I extended the demo with newly linked data sets.”

texmix

TexMex

A demonstration of various technologies developed by the TexMex team (INRIA – France), using Popcorn to display automatic chaptering information and named entities detection of news bulletins

DDR

DDR-Flüsterwitze

This multimedia feature about political jokes in former Eastern Germany / GDR uses Popcorn.js to show further links, context and subtitles in the video. (German)

asciifii

ASCIIFI

Uses the Popcorn code plugin to execute an ascii art generator at key moments in a video.

18days2

18 days in egypt demo #2

Uses the January 28th speech by Hosni Mubarak as a launch pad for events surrounding the Egyptian revolution.

shakespeare

Shakespeare is better with popcorn

A custom popcorn plugin provides contemporary translation of Macbeth


View More Demos →