What lies beneath the sheets?

Popcorn is web-based interactive content for videos. Viewers can interact with your content while watching your video.

At it’s core, Popcorn is HTML, CSS, and Javascript based on the newly defined set of standards, HTML5.

HTML (HyperText Markup Language) is basically the guts of a web page, what is rendedred for you to see in your web browser. HTML5 is a new set of standards that focuses on creating semantic markup AND focuses much more on web applications and making the web more interactive.

To learn more about html, css, javascript (or just about anything else) visit Lynda – As a UIUC student you should take advantage of this great service

Take a look at the guts

In Popcorn Maker,

While viewing one of your own projects or remixing an existing project:

Save Project (Be sure you are logged in)
In the ‘Share’ panel on the right, click View Project Source
Here you will see everything you just created, all the html, css and javascript that makes this project run in a web browser.

If you really want to get crazy….

Since this is open source, check out the Popcorn Github page.

PopcornJS is the framework underneath Popcorn Maker. If you didn’t want to use the Popcorn Maker interface and were proficient in Javascript, you could create your project writing the html and javascript yourself. You also have the ability to use the code to create additional plugins, as well.

You can also take a look at the excellent documentation http://popcornjs.org/popcorn-docs/getting-started/