• Introduction
• Overview
• How to Use the Open Video Workbook
• Help Create More Open Video Modules
• Subtitling
• Terms & Techniques: Subtitling
• Case Study: Into the Fire
• Hands-On: Creating Subtitles with Amara
• Resources: Subtitling
• Creating a DVD
• Case Study: Straight-to-DVD Distribution
• Hands-On: DVD Authoring
• Resources: DVDs and Free Software
• Online Distribution
• Case Study: Engage Media
• Hands-On: Uploading a Video with Plumi
• Resources: Online Video Distribution
• Create an Open Video file
• Terms & Techniques: Open Video Files
• Hands-On: Creating Open Video Files with FireFogg
• Hands-On: Creating Open Video Files with Miro Converter
• Resources: Making the Case for Open Video
• Expanding Web Video
• Terms & Techniques: Expanding Web Video
• Case Study: Popcorn Maker
• Hands-On: Popcorn Maker Tutorial
• Hands-On: Crafting your own Popcorn Maker experience
• Hands-On: Matching Events in Popcorn Maker and Popcorn.js
• Case Study: Popcorn.js
• Hands-On: Getting started with visual content in HTML
• Hands-On: Including video in HTML5
• Hands-On: Adding a time-based footnote with popcorn.js
• Resources: Taking Popcorn Further
• Projection
• Terms & Techniques: Video Projection
• Case Study: Projection
• Hands-On: Video Projection Mapping with LPMT
• Resources: Projection
• Editing Video
• Case Study: Video Editing for The Record
• Hands-On: Editing an Interview with Kdenlive
• Transcoding and Video Codecs
• Hands-On: Transcoding Files with FFmpeg
• Hands-On: Using a Graphical User Interface vs Command Line
• Streaming
• Hands-On: Streaming Video with VLC
• Resources: Streaming
• Resources: Open Video Codecs
• Train the Trainer
• Teaching Open Video
• Appendix
• About the Open Video Workbook
• Outlook: The Politics of Code
• Glossary

Popcorn Case Study

http://popcorn.webmadecontent.org/1n

The neighbourhood tour above is an example of a video expanded with elements from across the web. At different points in the video we see elements from Wikipedia, Google Maps and Twitter, used to add context to the tour and the locations featured in it. Did you notice how all these elements are selectable and clickable? That's because they are separate from the video and loaded in dynamically based on the current position of the video timeline.

The example above is created with a tool called Popcorn Maker, created by Mozilla. Popcorn Maker makes it easy to enhance, remix and share web video. It lets you use your web browser to combine video and audio with content from the rest of the web — from text, links and maps to pictures and live feeds.

On the Popcorn Maker home page There are many other sample projects you can look at. These will give you some other ideas about how you could use Popcorn Maker to create interactive time-based experience online.