Popcorn.js

Scooter and The Big Man

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

[demo]

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

[demo]

The Pirate Bay “augumentary”

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

[demo]

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

[demo]

Europeana Remix

An exploration of genealogy and the descendants of WWI veterans

[demo]

The Interrupters

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

[demo]

Grockit Answers!

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

[demo]

Cultivating Community

A map based documentary

[demo]

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.

[demo]

The Real Hero

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

[demo]

Stone Soup

Catalan Open Education Resources for learning open web technologies. Uses Popcorn.js to illustrate examples from across the web.

[demo]

Minnesota Public Radio

Uses popcorn for a clickable transcript and timed resources

[demo]

Happy World

Web documentary using popcorn for bonus material

[demo]

Visions of Students Today

Collage video remix uses popcorn to pop up video samples and provide links.

[demo]

RadioLab HyperAudio Player

An audio demo that uses popcorn to fuse soundcloud, flickr and audio content

[demo]

Django 101

An online programming course that uses popcorn.js to synchronize examples to narration

[demo]

Riviera City

An interactive webfiction using popcorn to show descriptions, locations and social comments.

[demo]

#18daysinegypt

Full screen video uses popcorn.js for dynamic overlays

[demo]

Popcorn in the Planetarium

A popcorn mashup of youtube, Khan Academy, and HTML5

[demo]

Right Wing Radio Duck

Satirical remix uses popcorn to cite video and audio samples.

[demo]

Dana’s Video Book Report

A student uses popcorn to site examples and synchronize video content with web resources

[demo]

Popcorn + WebGL=Brendan Eich in Space

Popcorn + WebGL demo

[demo]

Grafitti Markup Language

Explanation of the Graffiti Markup Language that uses popcorn to surface + sync GML tags

[demo]

HyperDisken

Radio program uses popcorn to add contextual links

[demo]

Kapor Center Mural Unveiling

Annotated video with footnotes and map

[demo]

The Band

A Popcorn powered Karaoke player

[demo]

Notre Poison Quotidien

TV/Web Simulcast uses popcorn to add annotations.

[demo]

Semantic Video

The original popcorn demo demonstrates several plugins at once.

[demo]

PBS News Hour

Obama's State Of The Union speech with popcorn annotation

[demo]