Webmakers/Projects/Popcorn-DIY: Difference between revisions

Jump to navigation Jump to search
no edit summary
(Created page with "<div style="display:block;-moz-border-radius:10px;background-color:#A2BFF4;padding:20px;margin-top:20px;"> <h1>How to Hack a Commercial</h1> {{anchor|Intro}} <div style="display:...")
 
No edit summary
Line 5: Line 5:
Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages, and otherwise recontextualize the video.
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
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 2: Open mozillapopcorn.org/maker in your browser
Step # Open mozillapopcorn.org:8888 in your browser
Step 3: Choose the Popup template
Step # Click "Get Started" and choose the Popup template
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.
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 5: Drag a popup event to the place in the Timeline where you want the popup to appear.  
Step # 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 # 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 # 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.
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 9: Share with the world. Share your video link widely.  
Step # Share with the world. Share your video link widely.  
Step 10: Iterate your project based on feedback you receive.  
Step # Iterate your project based on feedback you receive.  
</div>
</div>
</div>
</div>
</div>
</div>
Confirmed users
895

edits

Navigation menu