Webmakers/Projects/Popcorn-DIY: Difference between revisions

Webmakers/Projects/Popcorn-DIY (view source)

Revision as of 09:12, 1 May 2012

224 bytes added , 1 May 2012

no edit summary

LauraFHilliger

Confirmed users

895

edits

@@ Line 1: / Line 1: @@
-<div style="display:block;-moz-border-radius:10px;background-color:#A2BFF4;padding:20px;margin-top:20px;">
+<div style="display:block;-moz-border-radius:10px;background-color:#333333;padding:20px;margin-top:20px;">
 <h1>How to Hack a Commercial</h1> {{anchor|Intro}}
-<div style="display:block;background-color:#d1dffa;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
+<div style="display:block;background-color:#cccccc;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
 <div style="width:100%;display:block;">
 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 # 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 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. [[Image:prelinger_selection.png|500px|right]]
-Step # Open mozillapopcorn.org:8888 in your browser
-Step # Click "Get Started" and choose the Popup template
+Step 2: Open mozillapopcorn.org:8888 in your browser
-Step # There's a gray box in the upper lefthand corner of the video. Roll over this box and change the URL to the URL of the commercial you'll be commenting on.
-Step # Drag a popup event to the place in the Timeline where you want the popup to appear.
+Step 3: Click "Get Started" and choose the Popup template [[Image:chooser.png|500px|right]]
-Step # Double Click on the event to adjust the text, position, and sticker for that popup event.
-Step # Keep adding popup events to the timeline.
+Step 4: There's a gray box in the upper lefthand corner of the video. Roll over this box and change the URL to the URL of the commercial you'll be commenting on.[[Image:media_box.png|left]][[Image:timelinemedia.png|right]]
-Step # 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 # Share with the world. Share your video link widely.
+Step 5: Drag a popup event to the place in the Timeline where you want the popup to appear. [[Image:addevent.png|right]]
-Step # Iterate your project based on feedback you receive.
+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.
+Step 8: 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.[[Image:popcorn_save_buttons|right]]
+Step 9: Share with the world. Share your video link widely.
+Step 10: Iterate your project based on feedback you receive.
 </div>
 </div>
 </div>