Webmakers/Projects/Hack-a-Commercial: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 15: Line 15:
Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages and otherwise remix the video.
Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages and otherwise remix the video.


'''Step 1:''' [http://archive.org/details/prelinger_commercials Find a commercial] you would like to comment on. Browse by collection or title. Once you've found a commercial to work with, choose a file type (we recommend the ogg file format which is an open format) and click to open the commercial in your browser.  
'''Step 1:''' Find a commercial you would like to comment on at the [http://archive.org/details/prelinger_commercials Prelinger Archives] 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 [http://mozillapopcorn.org:8888 Popcorn Maker] in your browser
'''Step 2:''' Open the [ http://maker.mozillapopcorn.org/templates/supported/popup/ Popup template] in your browser


'''Step 3:''' Click "Get Started" and choose the Popup template
'''Step 3:''' Click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the of the commercial you’ll be commenting on.


'''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 4:''' Move the popups around. Drag new popup events to the place in the Timeline where you want the popup to appear.  


'''Step 5:''' Drag a popup event to the place in the Timeline where you want the popup to appear.  
'''Step 5:''' Double Click on an event to adjust the text, position, and sticker for that popup event.


'''Step 6:''' Double Click on the event to adjust the text, position and sticker for that popup event.
'''Step 6:''' Keep adding popup events to the timeline. When you’re ready, click the “publish” button and copy and paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on http://mozillapopcorn.org by clicking the “save” button.


'''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 7:''' Share with the world. Share your video link widely.  


'''Step 8:''' Share with the world. Share your video link widely.
'''Step 8:''' Iterate your project based on feedback you receive.
 
'''Step 9:''' Iterate your project based on feedback you receive.  
</div>
</div>
</div>
</div>
</div>
</div>

Revision as of 10:45, 18 June 2012

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 remix the video.

Step 1: Find a commercial you would like to comment on at the Prelinger Archives 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 the [ http://maker.mozillapopcorn.org/templates/supported/popup/ Popup template] in your browser

Step 3: Click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the of the commercial you’ll be commenting on.

Step 4: Move the popups around. Drag new popup events to the place in the Timeline where you want the popup to appear.

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

Step 6: Keep adding popup events to the timeline. When you’re ready, click the “publish” button and copy and paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on http://mozillapopcorn.org by clicking the “save” button.

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

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