Webmakers/Projects/Hack-a-Commercial

From MozillaWiki
< Webmakers‎ | Projects
Revision as of 15:31, 31 May 2012 by LauraFHilliger (talk | contribs) (Created page with "<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;height:650px;"> <h1>How to Hack a Commercial</h1> {{anchor|Intro}} <div st...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

How to Hack a Commercial

Chooser.png

Choose the Popup Template
Videourl.png
Switch out the URL
Addevent.png

Add Popup events
Popcorn save buttons.png

Save your work, export your code and share your commentary widely

Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages, and otherwise recontextualize the video.

Step 1: Find a commercial you would like to comment on at http://archive.org/details/prelinger_commercials Browse by collection or title. Once you've found a commercial to work with, choose a file type (we recommend the ogg file format) and click to open the commercial in your browser.

Step 2: Open Popcorn Maker in your browser

Step 3: Click "Get Started" and choose the Popup template

Step 4: Click on the Edit Source button in the upper left-hand corner of the video. Change the URL to the URL of the commercial you'll be commenting on.

Step 5: Drag a popup event to the place in the Timeline where you want the popup to appear.

Step 6: Double Click on the event to adjust the text, position, and sticker for that popup event.

Step 7: Keep adding popup events to the timeline. When you're ready, click the "share" button and copy and paste your link to save it somewhere. Then, click the export button and save your code.

Step 8: Share with the world. Share your video link widely.

Step 9: Iterate your project based on feedback you receive.

Retrieved from "https://wiki.mozilla.org/index.php?title=Webmakers/Projects/Hack-a-Commercial&oldid=436133"