ABOUT THE SPEAKER

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.

More profile about the speaker
Ryan Merkley | Speaker | TED.com

TEDGlobal 2012

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

Ryan Merkley: online video -- geannoteerd, geremixt en gepopt

Filmed: 2012-06-26

Readability: 3.9

727,309 views

Video's op het web zouden moeten werken als het web zelf: Dynamisch, vol met links, kaarten en informatie die bewerkt en live geüpdate kan worden, zegt Mozilla Foundation COO Ryan Merkley. Op het TED-podium geeft hij een demo van Popcorn Maker, een nieuwe webgebaseerde tool om makkelijk video's te remixen. (Bekijk met Popcorn Maker een geremixte TEDTalk -- en remix hem zelf.)

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

Double-click the English transcript below to play the video.

00:17

To understandbegrijpen the worldwereld- that liveleven in, we tell storiesverhalen.

0

1544

3969

Om de wereld waarin we leven te begrijpen,
vertellen we verhalen.

00:21

And while remixingremixen and sharingdelen have come to definebepalen

1

5513

3470

Mixen en delen bepalen inmiddels

00:24

the webweb as we know it,

2

8983

1581

het web zoals wij dat kennen,

00:26

all of us can now be partdeel of that storyverhaal throughdoor simpleeenvoudig toolsgereedschap

3

10564

3835

en iedereen kan nu deel zijn van dat verhaal
met eenvoudige hulpmiddelen

00:30

that allowtoestaan us to make things onlineonline.

4

14399

2465

waarmee we online dingen creëren.

00:32

But videovideo- has been left out. It arrivedaangekomen on the webweb

5

16864

4082

Met uitzondering van video. Het kwam op het web

00:36

in a smallklein boxdoos, and there it has remainedbleef,

6

20946

2746

in een klein kader en zo bleef het,

00:39

completelyhelemaal disconnectedlosgekoppeld from the datagegevens and the contentinhoud

7

23692

3089

geheel losstaand van de data en de content

00:42

all around it.

8

26781

1872

eromheen.

00:44

In factfeit, in over a decadedecennium on the webweb, the only thing

9

28653

1912

In tien jaar op het web,

00:46

that has changedveranderd about videovideo- is the sizegrootte of the boxdoos

10

30565

3596

is wat betreft video, alleen de kadergrootte

00:50

and the qualitykwaliteit of the pictureafbeelding.

11

34161

2877

en de beeldkwaliteit veranderd.

00:52

PopcornPopcorn changesveranderingen all of that.

12

37038

3168

Popcorn verandert dat allemaal.

00:56

It's an onlineonline toolgereedschap that allowstoestaat anyoneiedereen to combinecombineren videovideo-

13

40206

3113

Het is een online tool waarmee iedereen
video kan combineren

00:59

with contentinhoud pulledgetrokken liveleven directlydirect from the webweb.

14

43319

3385

met content die direct vanaf het web wordt geplukt.

01:02

VideosVideo 's createdaangemaakt with PopcornPopcorn behavezich gedragen like the webweb itselfzelf:

15

46704

3535

Videos die met Popcorn zijn gemaakt,
gedragen zich als het web zelf:

01:06

dynamicdynamisch, fullvol of linkskoppelingen, and completelyhelemaal remixableremixable,

16

50239

4047

dynamisch, vol met links en volledig te remixen

01:10

and finallyTenslotte allowedtoegestaan to breakbreken freegratis from the framemontuur.

17

54286

4299

en eindelijk bevrijd van het kader.

01:14

I want to give you a demoDemo of a prototypeprototype

18

58585

2404

Ik wil jullie een prototype demonstreren, waaraan

01:16

that we're workingwerkend on that we'llgoed launchlancering laterlater this fallvallen.

19

60989

2040

wij werken, dat wij later deze herfst lanceren.

01:18

It will be completelyhelemaal freegratis, and it will work in any browserBrowser.

20

63029

4946

Het wordt geheel gratis
en zal in elke browser werken.

01:23

So, everyelk PopcornPopcorn productionproductie beginsbegint with the videovideo-,

21

67975

3066

Elke Popcornproductie begint met een filmpje,

01:26

and so I've madegemaakt a shortkort, 20-second clipklem

22

71041

2386

dus ik heb een korte, 20-secondenclip gemaakt

01:29

usinggebruik makend van a newscasternieuwslezer templatesjabloon that we use in workshopsworkshops.

23

73427

3751

met een nieuwsuitzendingsjabloon
dat we voor workshops gebruiken.

01:33

So let's watch it. We'llWe zullen go back, and I'll showtonen you how we madegemaakt it.

24

77178

3684

We bekijken het.
Daarna laat ik zien hoe het is gemaakt.

01:36

HiHallo, and welcomeWelkom to my newscastnewscast.

25

80862

2752

Hallo, en welkom in mijn nieuwsuitzending.

01:39

I've addedtoegevoegd my locationplaats with a GoogleGoogle MapKaart,

26

83614

2441

Ik heb mijn locatie toegevoegd met een Google Map,

01:41

and it's liveleven, so try movingin beweging it around.

27

86055

3368

en het is live, dus je kunt erin bewegen.

01:45

You can addtoevoegen pop-upspop-ups with liveleven linkskoppelingen and customaangepaste iconspictogrammen,

28

89423

3392

Je kunt pop-ups toevoegen met live links
en zelfgekozen iconen,

01:48

or pullTrekken in contentinhoud from any webweb serviceservice, like FlickrFlickr,

29

92815

3464

of verwerk er content in
van een willekeurige webservice, zoals Flickr,

01:52

or addtoevoegen articlesartikelen and blogblog postsberichten with linkskoppelingen out to the fullvol contentinhoud.

30

96279

4830

of voeg artikelen en blogberichten toe
met links naar de volledige content.

01:57

So let's go back, and I'll showtonen you what you saw. There was a lot there.

31

101109

3639

Laten we teruggaan.
Er was veel te zien.

02:00

So this is the timelinetijdlijn, and if you've ever editedbewerkt videovideo-,

32

104748

3426

Dit is dus de tijdlijn,
en als je ooit video's hebt bewerkt,

02:04

you're familiarvertrouwd with this, but insteadin plaats daarvan of clipsclips in the timelinetijdlijn,

33

108174

2919

ken je dit,
maar in plaats van clips op de tijdlijn,

02:06

what you're looking at is webweb eventsevents pulledgetrokken into the videovideo-.

34

111093

3586

zie je nu webevents die in de video zijn gezet.

02:10

Now in this PopcornPopcorn productionproductie we'vewij hebben got

35

114679

2391

In deze Popcornproductie hebben we

02:12

the titletitel cardkaart, we'vewij hebben got a GoogleGoogle MapKaart that showsshows up

36

117070

3753

het titelkader, een Google Map die

02:16

picture-in-picturePicture-in-picture, then PopcornPopcorn letslaten we it pushDuwen

37

120823

2487

beeld-in-beeld verschijnt.
Daarna drukt Popcorn

02:19

outsidebuiten the framemontuur and take over the wholegeheel screenscherm.

38

123310

3360

het uit het kader en maakt het beeldvullend.

02:22

There are two pop-upspop-ups bringingbrengen you some other informationinformatie,

39

126670

2669

Er zijn twee pop-ups die je andere informatie geven,

02:25

and a finallaatste articleartikel with a linklink out to the originalorigineel articleartikel.

40

129339

4378

en een slotartikel
met een link naar het originele artikel.

02:29

Let's go to this GoogleGoogle MapKaart, and I'll showtonen you how you can editBewerk it.

41

133717

3534

Laten we deze Google Map bekijken.
Ik laat zien hoe je het bewerkt.

02:33

All you do, go into the timelinetijdlijn, double-clickDubbelklik op the itemitem,

42

137251

3249

Je hoeft alleen naar de tijdlijn te gaan
en dubbelklikt daar op het item.

02:36

and I've setreeks it to TorontoToronto, because that's where I'm from.

43

140500

2259

Ik heb het op Toronto gezet,
omdat ik daarvandaan kom.

02:38

Let's setreeks it to something elseanders.

44

142759

3522

Laten we het op iets anders zetten.

02:42

PopcornPopcorn immediatelyper direct goesgaat out ontonaar the webweb,

45

146281

3131

Popcorn gaat meteen het web op,

02:45

talksgesprekken to GoogleGoogle, grabsGrabs the mapkaart, and putsputs it in the displaytonen.

46

149412

3057

communiceert met Google, neemt de kaart
en zet ze op het scherm.

02:48

And it's exactlyprecies the samedezelfde

47

152469

1606

Het gaat precies hetzelfde

02:49

for the people who watch your productionproductie.

48

154075

1736

bij degenen die je productie bekijken.

02:51

And it's liveleven. It's not an imagebeeld. So you clickKlik on it,

49

155811

2511

En het is live. Het is geen plaatje.
Dus als je erop klikt,

02:54

you zoomzoom in, right down to streetstraat viewuitzicht if you want to.

50

158322

4230

kun je inzoomen, tot op straatniveau als je dat wilt.

02:58

Now in the videovideo-, I mentionedvermeld addingtoe te voegen a liveleven feedeten geven,

51

162552

3007

In de video had ik het over het
toevoegen van een live feed,

03:01

whichwelke we can do right now, so let's addtoevoegen a liveleven feedeten geven

52

165559

3181

wat we nu meteen kunnen doen,
dus ik voeg een live-feed toe

03:04

from FlickrFlickr. Go over to the right-handrechter hand sidekant,

53

168740

2884

van Flickr. Ga naar de rechterkant,

03:07

grabgrijpen FlickrFlickr from the listlijst of optionsopties,

54

171624

2389

pak Flickr uit de keuzelijst,

03:09

dragslepen it into the timelinetijdlijn,

55

174013

2247

sleep het in de tijdlijn,

03:12

and put it where you'dje zou like it to go,

56

176260

2474

en zet het waar je het graag wilt hebben.

03:14

and it immediatelyper direct goesgaat out to FlickrFlickr and startsstarts pullingtrekken in

57

178734

2463

Het gaat direct naar Flickr en begint met het inladen

03:17

imagesafbeeldingen basedgebaseerde on the tagsTags. Now, my developersontwikkelaars

58

181197

3012

van afbeeldingen op basis van de labels.
Mijn ontwikkelaars

03:20

really like poniespony 's, and so they'veze hebben setreeks that as the defaultstandaard tagLabel.

59

184209

3860

houden erg van pony's,
dus dat is het standaardlabel geworden.

03:23

Let's try something elseanders,

60

188069

3116

Laten we iets anders proberen,

03:27

maybe something a bitbeetje more relevantrelevant to todayvandaag.

61

191185

3568

iets dat vandaag wellicht iets relevanter is.

03:30

Now here are liveleven imagesafbeeldingen beingwezen pulledgetrokken straightrecht from the feedeten geven.

62

194753

2730

Hier zijn live-afbeeldingen
die direct uit de feed komen.

03:33

If you come and watch this a weekweek from now,

63

197483

1588

Als je dit over een week bekijkt,

03:34

this will be completelyhelemaal differentverschillend,

64

199071

1544

zal het er totaal anders uitzien,

03:36

dynamicdynamisch, just like the webweb, and just like the webweb,

65

200615

2509

dynamisch, precies als het web,
en zoals het web,

03:39

everything is sourcedafkomstig, so clickKlik your linklink,

66

203124

2052

heeft alles een bron, dus als je op de link klikt,

03:41

and you go straightrecht to FlickrFlickr and see the sourcebron imagebeeld.

67

205176

3793

ga je direct naar Flickr
en zie je de oorspronkelijke afbeelding.

03:44

Everything you've seengezien todayvandaag is builtgebouwd with the basicbasis-

68

208969

2246

Alles wat jullie vandaag zagen, is gemaakt met

03:47

buildinggebouw blocksblokken of the webweb: HTMLHTML, CSSCSS and JavaScriptJavaScript.

69

211215

3560

de basisbouwstenen van het web:
HTML, CSS en JavaScript.

03:50

That meansmiddelen it's completelyhelemaal remixableremixable. It alsoook meansmiddelen

70

214775

1919

Daardoor is het volledig uitwisselbaar.
Het betekent ook

03:52

there's no proprietarymerkgebonden softwaresoftware. All you need

71

216694

2564

dat er geen sprake is
van software met eigendomsrechten.

03:55

is a webweb browserBrowser.

72

219258

2959

Je hebt alleen een webbrowser nodig.

03:58

So imaginestel je voor if everyelk videovideo- that we watchedbekeken on the webweb

73

222217

3370

Stel je voor dat elke video
die we op het web bekeken,

04:01

workedwerkte like the webweb, completelyhelemaal remixableremixable,

74

225587

3046

zou werken als het web, geheel uitwisselbaar,

04:04

linkedgekoppelde to its sourcebron contentinhoud, and interactiveinteractieve

75

228633

2747

gelinkt aan de oorspronkelijke content en interactief

04:07

for everyoneiedereen who viewskeer bekeken it.

76

231380

2381

voor eenieder die het bekijkt.

04:09

I think PopcornPopcorn could changeverandering the way that we tell storiesverhalen on

77

233761

2996

Ik denk dat Popcorn de manier
waarop we verhalen vertellen

04:12

the webweb, and the way we understandbegrijpen the worldwereld- we liveleven in.

78

236757

2378

op het web kan veranderen,
en hoe we de wereld begrijpen waarin we leven.

04:15

Thank you. (ApplauseApplaus)

79

239135

5686

Bedankt. (Applaus)

Translated by Els De Keyser
Reviewed by Christel Foncke

ABOUT THE SPEAKER

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.

More profile about the speaker
Ryan Merkley | Speaker | TED.com

THE ORIGINAL VIDEO ON TED.COM

Ryan Merkley: online video -- geannoteerd, geremixt en gepopt | TED Talk | TED.com