0:00:01.544,0:00:05.513
To understand the world that live in, we tell stories.

0:00:05.513,0:00:08.983
And while remixing and sharing have come to define

0:00:08.983,0:00:10.564
the web as we know it,

0:00:10.564,0:00:14.399
all of us can now be part of that story through simple tools

0:00:14.399,0:00:16.864
that allow us to make things online.

0:00:16.864,0:00:20.946
But video has been left out. It arrived on the web

0:00:20.946,0:00:23.692
in a small box, and there it has remained,

0:00:23.692,0:00:26.781
completely disconnected from the data and the content

0:00:26.781,0:00:28.653
all around it.

0:00:28.653,0:00:30.565
In fact, in over a decade on the web, the only thing

0:00:30.565,0:00:34.161
that has changed about video is the size of the box

0:00:34.161,0:00:37.038
and the quality of the picture.

0:00:37.038,0:00:40.206
Popcorn changes all of that.

0:00:40.206,0:00:43.319
It's an online tool that allows anyone to combine video

0:00:43.319,0:00:46.704
with content pulled live directly from the web.

0:00:46.704,0:00:50.239
Videos created with Popcorn behave like the web itself:

0:00:50.239,0:00:54.286
dynamic, full of links, and completely remixable,

0:00:54.286,0:00:58.585
and finally allowed to break free from the frame.

0:00:58.585,0:01:00.989
I want to give you a demo of a prototype

0:01:00.989,0:01:03.029
that we're working on that we'll launch later this fall.

0:01:03.029,0:01:07.975
It will be completely free, and it will work in any browser.

0:01:07.975,0:01:11.041
So, every Popcorn production begins with the video,

0:01:11.041,0:01:13.427
and so I've made a short, 20-second clip

0:01:13.427,0:01:17.178
using a newscaster template that we use in workshops.

0:01:17.178,0:01:20.862
So let's watch it. We'll go back, and I'll show you how we made it.

0:01:20.862,0:01:23.614
Hi, and welcome to my newscast.

0:01:23.614,0:01:26.055
I've added my location with a Google Map,

0:01:26.055,0:01:29.423
and it's live, so try moving it around.

0:01:29.423,0:01:32.815
You can add pop-ups with live links and custom icons,

0:01:32.815,0:01:36.279
or pull in content from any web service, like Flickr,

0:01:36.279,0:01:41.109
or add articles and blog posts with links out to the full content.

0:01:41.109,0:01:44.748
So let's go back, and I'll show you what you saw. There was a lot there.

0:01:44.748,0:01:48.174
So this is the timeline, and if you've ever edited video,

0:01:48.174,0:01:51.093
you're familiar with this, but instead of clips in the timeline,

0:01:51.093,0:01:54.679
what you're looking at is web events pulled into the video.

0:01:54.679,0:01:57.070
Now in this Popcorn production we've got

0:01:57.070,0:02:00.823
the title card, we've got a Google Map that shows up

0:02:00.823,0:02:03.310
picture-in-picture, then Popcorn lets it push

0:02:03.310,0:02:06.670
outside the frame and take over the whole screen.

0:02:06.670,0:02:09.339
There are two pop-ups bringing you some other information,

0:02:09.339,0:02:13.717
and a final article with a link out to the original article.

0:02:13.717,0:02:17.251
Let's go to this Google Map, and I'll show you how you can edit it.

0:02:17.251,0:02:20.500
All you do, go into the timeline, double-click the item,

0:02:20.500,0:02:22.759
and I've set it to Toronto, because that's where I'm from.

0:02:22.759,0:02:26.281
Let's set it to something else.

0:02:26.281,0:02:29.412
Popcorn immediately goes out onto the web,

0:02:29.412,0:02:32.469
talks to Google, grabs the map, and puts it in the display.

0:02:32.469,0:02:34.075
And it's exactly the same

0:02:34.075,0:02:35.811
for the people who watch your production.

0:02:35.811,0:02:38.322
And it's live. It's not an image. So you click on it,

0:02:38.322,0:02:42.552
you zoom in, right down to street view if you want to.

0:02:42.552,0:02:45.559
Now in the video, I mentioned adding a live feed,

0:02:45.559,0:02:48.740
which we can do right now, so let's add a live feed

0:02:48.740,0:02:51.624
from Flickr. Go over to the right-hand side,

0:02:51.624,0:02:54.013
grab Flickr from the list of options,

0:02:54.013,0:02:56.260
drag it into the timeline,

0:02:56.260,0:02:58.734
and put it where you'd like it to go,

0:02:58.734,0:03:01.197
and it immediately goes out to Flickr and starts pulling in

0:03:01.197,0:03:04.209
images based on the tags. Now, my developers

0:03:04.209,0:03:08.069
really like ponies, and so they've set that as the default tag.

0:03:08.069,0:03:11.185
Let's try something else,

0:03:11.185,0:03:14.753
maybe something a bit more relevant to today.

0:03:14.753,0:03:17.483
Now here are live images being pulled straight from the feed.

0:03:17.483,0:03:19.071
If you come and watch this a week from now,

0:03:19.071,0:03:20.615
this will be completely different,

0:03:20.615,0:03:23.124
dynamic, just like the web, and just like the web,

0:03:23.124,0:03:25.176
everything is sourced, so click your link,

0:03:25.176,0:03:28.969
and you go straight to Flickr and see the source image.

0:03:28.969,0:03:31.215
Everything you've seen today is built with the basic

0:03:31.215,0:03:34.775
building blocks of the web: HTML, CSS and JavaScript.

0:03:34.775,0:03:36.694
That means it's completely remixable. It also means

0:03:36.694,0:03:39.258
there's no proprietary software. All you need

0:03:39.258,0:03:42.217
is a web browser.

0:03:42.217,0:03:45.587
So imagine if every video that we watched on the web

0:03:45.587,0:03:48.633
worked like the web, completely remixable,

0:03:48.633,0:03:51.380
linked to its source content, and interactive

0:03:51.380,0:03:53.761
for everyone who views it.

0:03:53.761,0:03:56.757
I think Popcorn could change the way that we tell stories on

0:03:56.757,0:03:59.135
the web, and the way we understand the world we live in.

0:03:59.135,0:04:04.821
Thank you. (Applause)