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

Jump to navigation Jump to search

Webmakers/Projects/Hack-a-Commercial (view source)

Revision as of 10:45, 18 June 2012

121 bytes added ,  18 June 2012
no edit summary
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>
LauraFHilliger
Confirmed users
895

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/442116"

Navigation menu