sponsored links
TEDGlobal 2012

Ryan Merkley: Online video -- annotated, remixed and popped

June 26, 2012

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.)

Ryan Merkley - COO, Mozilla Foundation
Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation, and is dedicated to making the web a more user-friendly place. Full bio

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

sponsored links

Ryan Merkley - COO, Mozilla Foundation
Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation, and is dedicated to making the web a more user-friendly place.

Why you should listen

A native of Toronto, Canada, Ryan Merkley is the Chief Operating Officer at the Mozilla Foundation. He has devoted his career to "helping users of the web become makers of the web." Merkley advocates for open data initiatives, especially in regards to the public sector.

sponsored links

If you need translations, you can install "Google Translate" extension into your Chrome Browser.
Furthermore, you can change playback rate by installing "Video Speed Controller" extension.

Data provided by TED.

This website is owned and operated by Tokyo English Network.
The developer's blog is here.