1
00:00:01,544 --> 00:00:05,513
To understand the world that live in, we tell stories.

2
00:00:05,513 --> 00:00:08,983
And while remixing and sharing have come to define

3
00:00:08,983 --> 00:00:10,564
the web as we know it,

4
00:00:10,564 --> 00:00:14,399
all of us can now be part of that story through simple tools

5
00:00:14,399 --> 00:00:16,864
that allow us to make things online.

6
00:00:16,864 --> 00:00:20,946
But video has been left out. It arrived on the web

7
00:00:20,946 --> 00:00:23,692
in a small box, and there it has remained,

8
00:00:23,692 --> 00:00:26,781
completely disconnected from the data and the content

9
00:00:26,781 --> 00:00:28,653
all around it.

10
00:00:28,653 --> 00:00:30,565
In fact, in over a decade on the web, the only thing

11
00:00:30,565 --> 00:00:34,161
that has changed about video is the size of the box

12
00:00:34,161 --> 00:00:37,038
and the quality of the picture.

13
00:00:37,038 --> 00:00:40,206
Popcorn changes all of that.

14
00:00:40,206 --> 00:00:43,319
It's an online tool that allows anyone to combine video

15
00:00:43,319 --> 00:00:46,704
with content pulled live directly from the web.

16
00:00:46,704 --> 00:00:50,239
Videos created with Popcorn behave like the web itself:

17
00:00:50,239 --> 00:00:54,286
dynamic, full of links, and completely remixable,

18
00:00:54,286 --> 00:00:58,585
and finally allowed to break free from the frame.

19
00:00:58,585 --> 00:01:00,989
I want to give you a demo of a prototype

20
00:01:00,989 --> 00:01:03,029
that we're working on that we'll launch later this fall.

21
00:01:03,029 --> 00:01:07,975
It will be completely free, and it will work in any browser.

22
00:01:07,975 --> 00:01:11,041
So, every Popcorn production begins with the video,

23
00:01:11,041 --> 00:01:13,427
and so I've made a short, 20-second clip

24
00:01:13,427 --> 00:01:17,178
using a newscaster template that we use in workshops.

25
00:01:17,178 --> 00:01:20,862
So let's watch it. We'll go back, and I'll show you how we made it.

26
00:01:20,862 --> 00:01:23,614
Hi, and welcome to my newscast.

27
00:01:23,614 --> 00:01:26,055
I've added my location with a Google Map,

28
00:01:26,055 --> 00:01:29,423
and it's live, so try moving it around.

29
00:01:29,423 --> 00:01:32,815
You can add pop-ups with live links and custom icons,

30
00:01:32,815 --> 00:01:36,279
or pull in content from any web service, like Flickr,

31
00:01:36,279 --> 00:01:41,109
or add articles and blog posts with links out to the full content.

32
00:01:41,109 --> 00:01:44,748
So let's go back, and I'll show you what you saw. There was a lot there.

33
00:01:44,748 --> 00:01:48,174
So this is the timeline, and if you've ever edited video,

34
00:01:48,174 --> 00:01:51,093
you're familiar with this, but instead of clips in the timeline,

35
00:01:51,093 --> 00:01:54,679
what you're looking at is web events pulled into the video.

36
00:01:54,679 --> 00:01:57,070
Now in this Popcorn production we've got

37
00:01:57,070 --> 00:02:00,823
the title card, we've got a Google Map that shows up

38
00:02:00,823 --> 00:02:03,310
picture-in-picture, then Popcorn lets it push

39
00:02:03,310 --> 00:02:06,670
outside the frame and take over the whole screen.

40
00:02:06,670 --> 00:02:09,339
There are two pop-ups bringing you some other information,

41
00:02:09,339 --> 00:02:13,717
and a final article with a link out to the original article.

42
00:02:13,717 --> 00:02:17,251
Let's go to this Google Map, and I'll show you how you can edit it.

43
00:02:17,251 --> 00:02:20,500
All you do, go into the timeline, double-click the item,

44
00:02:20,500 --> 00:02:22,759
and I've set it to Toronto, because that's where I'm from.

45
00:02:22,759 --> 00:02:26,281
Let's set it to something else.

46
00:02:26,281 --> 00:02:29,412
Popcorn immediately goes out onto the web,

47
00:02:29,412 --> 00:02:32,469
talks to Google, grabs the map, and puts it in the display.

48
00:02:32,469 --> 00:02:34,075
And it's exactly the same

49
00:02:34,075 --> 00:02:35,811
for the people who watch your production.

50
00:02:35,811 --> 00:02:38,322
And it's live. It's not an image. So you click on it,

51
00:02:38,322 --> 00:02:42,552
you zoom in, right down to street view if you want to.

52
00:02:42,552 --> 00:02:45,559
Now in the video, I mentioned adding a live feed,

53
00:02:45,559 --> 00:02:48,740
which we can do right now, so let's add a live feed

54
00:02:48,740 --> 00:02:51,624
from Flickr. Go over to the right-hand side,

55
00:02:51,624 --> 00:02:54,013
grab Flickr from the list of options,

56
00:02:54,013 --> 00:02:56,260
drag it into the timeline,

57
00:02:56,260 --> 00:02:58,734
and put it where you'd like it to go,

58
00:02:58,734 --> 00:03:01,197
and it immediately goes out to Flickr and starts pulling in

59
00:03:01,197 --> 00:03:04,209
images based on the tags. Now, my developers

60
00:03:04,209 --> 00:03:08,069
really like ponies, and so they've set that as the default tag.

61
00:03:08,069 --> 00:03:11,185
Let's try something else,

62
00:03:11,185 --> 00:03:14,753
maybe something a bit more relevant to today.

63
00:03:14,753 --> 00:03:17,483
Now here are live images being pulled straight from the feed.

64
00:03:17,483 --> 00:03:19,071
If you come and watch this a week from now,

65
00:03:19,071 --> 00:03:20,615
this will be completely different,

66
00:03:20,615 --> 00:03:23,124
dynamic, just like the web, and just like the web,

67
00:03:23,124 --> 00:03:25,176
everything is sourced, so click your link,

68
00:03:25,176 --> 00:03:28,969
and you go straight to Flickr and see the source image.

69
00:03:28,969 --> 00:03:31,215
Everything you've seen today is built with the basic

70
00:03:31,215 --> 00:03:34,775
building blocks of the web: HTML, CSS and JavaScript.

71
00:03:34,775 --> 00:03:36,694
That means it's completely remixable. It also means

72
00:03:36,694 --> 00:03:39,258
there's no proprietary software. All you need

73
00:03:39,258 --> 00:03:42,217
is a web browser.

74
00:03:42,217 --> 00:03:45,587
So imagine if every video that we watched on the web

75
00:03:45,587 --> 00:03:48,633
worked like the web, completely remixable,

76
00:03:48,633 --> 00:03:51,380
linked to its source content, and interactive

77
00:03:51,380 --> 00:03:53,761
for everyone who views it.

78
00:03:53,761 --> 00:03:56,757
I think Popcorn could change the way that we tell stories on

79
00:03:56,757 --> 00:03:59,135
the web, and the way we understand the world we live in.

80
00:03:59,135 --> 00:04:04,821
Thank you. (Applause)