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]. 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:'''  [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) and click to open the commercial in your browser.  


'''Step 2:''' Open [http://mozillapopcorn.org:8888 Popcorn Maker] in your browser
'''Step 2:''' Open [http://mozillapopcorn.org:8888 Popcorn Maker] in your browser

Revision as of 22:39, 5 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. 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.