Online video -- annotated, remixed and popped
-
0:02 - 0:06To understand the world that live in, we tell stories.
-
0:06 - 0:09And while remixing and sharing have come to define
-
0:09 - 0:11the web as we know it,
-
0:11 - 0:14all of us can now be part of that story through simple tools
-
0:14 - 0:17that allow us to make things online.
-
0:17 - 0:21But video has been left out. It arrived on the web
-
0:21 - 0:24in a small box, and there it has remained,
-
0:24 - 0:27completely disconnected from the data and the content
-
0:27 - 0:29all around it.
-
0:29 - 0:31In fact, in over a decade on the web, the only thing
-
0:31 - 0:34that has changed about video is the size of the box
-
0:34 - 0:37and the quality of the picture.
-
0:37 - 0:40Popcorn changes all of that.
-
0:40 - 0:43It's an online tool that allows anyone to combine video
-
0:43 - 0:47with content pulled live directly from the web.
-
0:47 - 0:50Videos created with Popcorn behave like the web itself:
-
0:50 - 0:54dynamic, full of links, and completely remixable,
-
0:54 - 0:59and finally allowed to break free from the frame.
-
0:59 - 1:01I want to give you a demo of a prototype
-
1:01 - 1:03that we're working on that we'll launch later this fall.
-
1:03 - 1:08It will be completely free, and it will work in any browser.
-
1:08 - 1:11So, every Popcorn production begins with the video,
-
1:11 - 1:13and so I've made a short, 20-second clip
-
1:13 - 1:17using a newscaster template that we use in workshops.
-
1:17 - 1:21So let's watch it. We'll go back, and I'll show you how we made it.
-
1:21 - 1:24Hi, and welcome to my newscast.
-
1:24 - 1:26I've added my location with a Google Map,
-
1:26 - 1:29and it's live, so try moving it around.
-
1:29 - 1:33You can add pop-ups with live links and custom icons,
-
1:33 - 1:36or pull in content from any web service, like Flickr,
-
1:36 - 1:41or add articles and blog posts with links out to the full content.
-
1:41 - 1:45So let's go back, and I'll show you what you saw. There was a lot there.
-
1:45 - 1:48So this is the timeline, and if you've ever edited video,
-
1:48 - 1:51you're familiar with this, but instead of clips in the timeline,
-
1:51 - 1:55what you're looking at is web events pulled into the video.
-
1:55 - 1:57Now in this Popcorn production we've got
-
1:57 - 2:01the title card, we've got a Google Map that shows up
-
2:01 - 2:03picture-in-picture, then Popcorn lets it push
-
2:03 - 2:07outside the frame and take over the whole screen.
-
2:07 - 2:09There are two pop-ups bringing you some other information,
-
2:09 - 2:14and a final article with a link out to the original article.
-
2:14 - 2:17Let's go to this Google Map, and I'll show you how you can edit it.
-
2:17 - 2:20All you do, go into the timeline, double-click the item,
-
2:20 - 2:23and I've set it to Toronto, because that's where I'm from.
-
2:23 - 2:26Let's set it to something else.
-
2:26 - 2:29Popcorn immediately goes out onto the web,
-
2:29 - 2:32talks to Google, grabs the map, and puts it in the display.
-
2:32 - 2:34And it's exactly the same
-
2:34 - 2:36for the people who watch your production.
-
2:36 - 2:38And it's live. It's not an image. So you click on it,
-
2:38 - 2:43you zoom in, right down to street view if you want to.
-
2:43 - 2:46Now in the video, I mentioned adding a live feed,
-
2:46 - 2:49which we can do right now, so let's add a live feed
-
2:49 - 2:52from Flickr. Go over to the right-hand side,
-
2:52 - 2:54grab Flickr from the list of options,
-
2:54 - 2:56drag it into the timeline,
-
2:56 - 2:59and put it where you'd like it to go,
-
2:59 - 3:01and it immediately goes out to Flickr and starts pulling in
-
3:01 - 3:04images based on the tags. Now, my developers
-
3:04 - 3:08really like ponies, and so they've set that as the default tag.
-
3:08 - 3:11Let's try something else,
-
3:11 - 3:15maybe something a bit more relevant to today.
-
3:15 - 3:17Now here are live images being pulled straight from the feed.
-
3:17 - 3:19If you come and watch this a week from now,
-
3:19 - 3:21this will be completely different,
-
3:21 - 3:23dynamic, just like the web, and just like the web,
-
3:23 - 3:25everything is sourced, so click your link,
-
3:25 - 3:29and you go straight to Flickr and see the source image.
-
3:29 - 3:31Everything you've seen today is built with the basic
-
3:31 - 3:35building blocks of the web: HTML, CSS and JavaScript.
-
3:35 - 3:37That means it's completely remixable. It also means
-
3:37 - 3:39there's no proprietary software. All you need
-
3:39 - 3:42is a web browser.
-
3:42 - 3:46So imagine if every video that we watched on the web
-
3:46 - 3:49worked like the web, completely remixable,
-
3:49 - 3:51linked to its source content, and interactive
-
3:51 - 3:54for everyone who views it.
-
3:54 - 3:57I think Popcorn could change the way that we tell stories on
-
3:57 - 3:59the web, and the way we understand the world we live in.
-
3:59 - 4:05Thank you. (Applause)
- Title:
- Online video -- annotated, remixed and popped
- Speaker:
- Ryan Merkley
- Description:
-
Videos on the web should work like the web itself: Dynamic, full of links, maps and information that can be edited and updated live, says Mozilla Foundation COO Ryan Merkley. On the TED stage he demos Popcorn Maker, a new web-based tool for easy video remixing. (Watch a remixed TEDTalk using Popcorn Maker -- and remix it yourself.)
- Video Language:
- English
- Team:
- closed TED
- Project:
- TEDTalks
- Duration:
- 04:25
Thu-Huong Ha edited English subtitles for Online video -- annotated, remixed and popped | ||
Thu-Huong Ha approved English subtitles for Online video -- annotated, remixed and popped | ||
Thu-Huong Ha edited English subtitles for Online video -- annotated, remixed and popped | ||
Thu-Huong Ha edited English subtitles for Online video -- annotated, remixed and popped | ||
Thu-Huong Ha edited English subtitles for Online video -- annotated, remixed and popped | ||
Morton Bast accepted English subtitles for Online video -- annotated, remixed and popped | ||
Morton Bast edited English subtitles for Online video -- annotated, remixed and popped | ||
Joseph Geni added a translation |