Popcorn and WebMadeMovies

  • 521 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
521
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Popcorn and WebMadeMovies: Taking Your Videos Beyond YouTube #11NTCwebvideo Ben Moskowitz Jeff Perlstein Luisa DantasWednesday, March 2, 2011
  • 2. Session Evaluation Each entry via text or web is a chance to win great NTEN prizes throughout the day! TEXT ONLINE Text 11NTCwebvideo to Use #11NTCwebvideo at 69866. http://nten.org/ntc/eval Session Evaluations Powered By:Wednesday, March 2, 2011
  • 3. -we make Firefox -we’re a mission-driven non-profit -we’re a global communityWednesday, March 2, 2011
  • 4. Let’s skip to the end 1. Open web technology can increase engagement 2. We’re pioneering a new way of thinking about videoWednesday, March 2, 2011
  • 5. Alive in EgyptWednesday, March 2, 2011
  • 6. Wednesday, March 2, 2011
  • 7. “People formerly known as the audience.”Wednesday, March 2, 2011
  • 8. You’re not going it alone anymore.Wednesday, March 2, 2011
  • 9. Wednesday, March 2, 2011
  • 10. Wednesday, March 2, 2011
  • 11. To carry the message, let it free: -make it easy to participate -make it easy to get -make it easy to link -make it easy to remixWednesday, March 2, 2011
  • 12. “You can’t be the only provider of your content. But you can be the best provider.” -Eirik Solheim, NRKWednesday, March 2, 2011
  • 13. Wednesday, March 2, 2011
  • 14. Black boxWednesday, March 2, 2011
  • 15. Wednesday, March 2, 2011
  • 16. We started a labWednesday, March 2, 2011
  • 17. Our first contribution to the space:Wednesday, March 2, 2011
  • 18. In use byWednesday, March 2, 2011
  • 19. Wednesday, March 2, 2011
  • 20. Wednesday, March 2, 2011
  • 21. Wednesday, March 2, 2011
  • 22. Two case studies: -Youth media project -Land of OpportunityWednesday, March 2, 2011
  • 23. Wednesday, March 2, 2011
  • 24. Why kids? -they’re smarter than us -they’re the futureWednesday, March 2, 2011
  • 25. Wednesday, March 2, 2011
  • 26. The Factory / February 2011 Here’s everything you need to get started: X-Ray Vision Goggles HTMLpad Popcorn and Butter Use these to peer inside any website, HTMLpad makes it really easy to code Popcorn.js (and Butter, the authoring revealing the inner guts. You can also web pages in real time. You can see tool) make it easy to create video pages temporarily hack any page using these changes to the code immediately, and that are connected to the rest of the nifty tricks. Try it out! even collaborate with friends. web: Twitter, Wikipedia, and more. r key: Step 1: Step 1: Replace the element with some HTML Visit etherpad.mozilla.org/[whatever] Upload your video somewhere Delete: Remove the element Step 2: Step 2: Type or paste in some code Visit https://butterapp.org/butter/ and Shift + Left Arrow: Undo enter the address to the video Step 3: Shift + Right Arrow: Visit htmlpad.org/[whatever] (the same Step 3: Redo address as the etherpad you made) Add tracks, pick a layout and theme You can find the Goggles at https://secure.toolness.com/webxray/ Step 4: Step 4: Play around on the etherpad to see Export your movie and try using the Learn more about writing HTML: changes take effect! code on one of your pages! http://labs.toolness.com/dom-tutorialWednesday, March 2, 2011
  • 27. Wednesday, March 2, 2011
  • 28. Wednesday, March 2, 2011