1. Popcorn and
WebMadeMovies:
Taking Your Videos
Beyond YouTube
#11NTCwebvideo
Ben Moskowitz
Jeff Perlstein
Luisa Dantas
Wednesday, 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 community
Wednesday, 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 video
Wednesday, March 2, 2011

5. Alive in Egypt
Wednesday, 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 remix
Wednesday, March 2, 2011

12. “You can’t be the only
provider of your content.
But you can be the best
provider.”
-Eirik Solheim, NRK
Wednesday, March 2, 2011

13. Wednesday, March 2, 2011

14. Black box
Wednesday, March 2, 2011

15. Wednesday, March 2, 2011

16. We started a lab
Wednesday, March 2, 2011

17. Our first contribution
to the space:
Wednesday, March 2, 2011

18. In use by
Wednesday, 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 Opportunity
Wednesday, March 2, 2011

23. Wednesday, March 2, 2011

24. Why kids?
-they’re smarter than us
-they’re the future
Wednesday, 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-tutorial
Wednesday, March 2, 2011

27. Wednesday, March 2, 2011

28. Wednesday, March 2, 2011