• 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

More Resources on Popcorn

Popcorn Maker

Popcorn Maker sample projects: Here are some projects made with Popcorn Maker. On the front page of their website.
https://popcorn.webmaker.org/ ¹

Popcorn Maker Tutorials: Take an interactive tutorial using Popcorn Maker. ²

Popcorn.js

Mozilla Popcorn.js Tutorials: Here is some general Popcorn.js Documentation ³

Other Tutorials: We found a P2PU Interactive Guide to Popcorn.js ⁴

Detailed Documentation Popcorn.js: A more detailed look at Popcorn plugins for different media types with examples.

More on Javascript

Popcorn is based on javascript. There are a lot of great resources online which will tell you how to understand and code with javascript. If this area is new to you a good place to start is the free interactive JavaScript courses at CodeCademy ⁵:

1. https://popcorn.webmaker.org/ ^{^}
2. https://popcorn.webmaker.org/templates/basic/?savedDataUrl=tutorial.json ^{^}
3. http://popcornjs.org/documentation ^{^}
4. https://p2pu.org/en/groups/interactive-open-video-with-popcornjs/ ^{^}
5. http://www.codecademy.com/tracks/javascript ^{^}