Popcorn and WebMadeMovies

Popcorn and WebMadeMovies:Taking Your Videos Beyond YouTube#11NTCwebvideo

Ben MoskowitzJeff PerlsteinLuisa Dantas

Wednesday, March 2, 2011

Session EvaluationEach entry via text or web is a chance to win

great NTEN prizes throughout the day!

Session Evaluations Powered By:

TEXTText 11NTCwebvideo to

69866.

ONLINEUse #11NTCwebvideo at http://nten.org/ntc/eval


-we make Firefox-we’re a mission-driven non-profit-we’re a global community


1. Open web technology can increase engagement

2. We’re pioneering a new way of thinking about video

Let’s skip to the end


Alive in Egypt



“People formerly known as the audience.”


You’re not going it alone anymore.




To carry the message, let it free:

-make it easy to get

-make it easy to link-make it easy to remix

-make it easy to participate


“You can’t be the only provider of your content. But you can be the best provider.”

-Eirik Solheim, NRK



Black box



We started a lab


Our first contribution to the space:


In use by





Two case studies:

-Youth media project

-Land of Opportunity



Why kids?

-they’re smarter than us

-they’re the future



Here’s everything you need to get started:

X-Ray Vision Goggles HTMLpad Popcorn and Butter

Use these to peer inside any website,

revealing the inner guts. You can also

temporarily hack any page using these

nifty tricks. Try it out!

'r' key:

Replace the element with some HTML

Delete:

Remove the element

Shift + Left Arrow:

Undo

Shift + Right Arrow:

Redo

You can find the Goggles at https://secure.toolness.com/webxray/

Learn more about writing HTML:http://labs.toolness.com/dom-tutorial

The Factory / February 2011

HTMLpad makes it really easy to code

web pages in real time. You can see

changes to the code immediately, and

even collaborate with friends.

Step 1:

Visit etherpad.mozilla.org/[whatever]

Step 2:

Type or paste in some code

Step 3:

Visit htmlpad.org/[whatever] (the same

address as the etherpad you made)

Step 4:

Play around on the etherpad to see

changes take effect!

Popcorn.js (and Butter, the authoring

tool) make it easy to create video pages

that are connected to the rest of the

web: Twitter, Wikipedia, and more.

Step 1:

Upload your video somewhere

Step 2:

Visit https://butterapp.org/butter/ and

enter the address to the video

Step 3:

Add tracks, pick a layout and theme

Step 4:

Export your movie and try using the

code on one of your pages!




Popcorn and WebMadeMovies

Technology

video step

video pages

butter use

html visit etherpad

video somewheredelete

ntcwebvideo at69866

alsoweb pages

use bywednesday