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

Translator: Joseph Geni Reviewer: Morton Bast

Vertaald door: Els De Keyser Nagekeken door: Christel Foncke

To understand the world that live in, we tell stories.

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

And while remixing and sharing have come to define

Mixen en delen bepalen inmiddels

the web as we know it,

het web zoals wij dat kennen,

all of us can now be part of that story through simple tools

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

that allow us to make things online.

waarmee we online dingen creëren.

But video has been left out. It arrived on the web

Met uitzondering van video. Het kwam op het web

in a small box, and there it has remained,

in een klein kader en zo bleef het,

completely disconnected from the data and the content

geheel losstaand van de data en de content

all around it.

eromheen.

In fact, in over a decade on the web, the only thing

In tien jaar op het web,

that has changed about video is the size of the box

is wat betreft video, alleen de kadergrootte

and the quality of the picture.

en de beeldkwaliteit veranderd.

Popcorn changes all of that.

Popcorn verandert dat allemaal.

It's an online tool that allows anyone to combine video

Het is een online tool waarmee iedereen video kan combineren

with content pulled live directly from the web.

met content die direct vanaf het web wordt geplukt.

Videos created with Popcorn behave like the web itself:

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

dynamic, full of links, and completely remixable,

dynamisch, vol met links en volledig te remixen

and finally allowed to break free from the frame.

en eindelijk bevrijd van het kader.

I want to give you a demo of a prototype

Ik wil jullie een prototype demonstreren, waaraan

that we're working on that we'll launch later this fall.

wij werken, dat wij later deze herfst lanceren.

It will be completely free, and it will work in any browser.

Het wordt geheel gratis en zal in elke browser werken.

So, every Popcorn production begins with the video,

Elke Popcornproductie begint met een filmpje,

and so I've made a short, 20-second clip

dus ik heb een korte, 20-secondenclip gemaakt

using a newscaster template that we use in workshops.

met een nieuwsuitzendingsjabloon dat we voor workshops gebruiken.

So let's watch it. We'll go back, and I'll show you how we made it.

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

Hi, and welcome to my newscast.

Hallo, en welkom in mijn nieuwsuitzending.

I've added my location with a Google Map,

Ik heb mijn locatie toegevoegd met een Google Map,

and it's live, so try moving it around.

en het is live, dus je kunt erin bewegen.

You can add pop-ups with live links and custom icons,

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

or pull in content from any web service, like Flickr,

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

or add articles and blog posts with links out to the full content.

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

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

Laten we teruggaan. Er was veel te zien.

So this is the timeline, and if you've ever edited video,

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

you're familiar with this, but instead of clips in the timeline,

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

what you're looking at is web events pulled into the video.

zie je nu webevents die in de video zijn gezet.

Now in this Popcorn production we've got

In deze Popcornproductie hebben we

the title card, we've got a Google Map that shows up

het titelkader, een Google Map die

picture-in-picture, then Popcorn lets it push

beeld-in-beeld verschijnt. Daarna drukt Popcorn

outside the frame and take over the whole screen.

het uit het kader en maakt het beeldvullend.

There are two pop-ups bringing you some other information,

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

and a final article with a link out to the original article.

en een slotartikel met een link naar het originele artikel.

Let's go to this Google Map, and I'll show you how you can edit it.

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

All you do, go into the timeline, double-click the item,

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

and I've set it to Toronto, because that's where I'm from.

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

Let's set it to something else.

Laten we het op iets anders zetten.

Popcorn immediately goes out onto the web,

Popcorn gaat meteen het web op,

talks to Google, grabs the map, and puts it in the display.

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

And it's exactly the same

Het gaat precies hetzelfde

for the people who watch your production.

bij degenen die je productie bekijken.

And it's live. It's not an image. So you click on it,

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

you zoom in, right down to street view if you want to.

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

Now in the video, I mentioned adding a live feed,

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

which we can do right now, so let's add a live feed

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

from Flickr. Go over to the right-hand side,

van Flickr. Ga naar de rechterkant,

grab Flickr from the list of options,

pak Flickr uit de keuzelijst,

drag it into the timeline,

sleep het in de tijdlijn,

and put it where you'd like it to go,

en zet het waar je het graag wilt hebben.

and it immediately goes out to Flickr and starts pulling in

Het gaat direct naar Flickr en begint met het inladen

images based on the tags. Now, my developers

van afbeeldingen op basis van de labels. Mijn ontwikkelaars

really like ponies, and so they've set that as the default tag.

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

Let's try something else,

Laten we iets anders proberen,

maybe something a bit more relevant to today.

iets dat vandaag wellicht iets relevanter is.

Now here are live images being pulled straight from the feed.

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

If you come and watch this a week from now,

Als je dit over een week bekijkt,

this will be completely different,

zal het er totaal anders uitzien,

dynamic, just like the web, and just like the web,

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

everything is sourced, so click your link,

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

and you go straight to Flickr and see the source image.

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

Everything you've seen today is built with the basic

Alles wat jullie vandaag zagen, is gemaakt met

building blocks of the web: HTML, CSS and JavaScript.

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

That means it's completely remixable. It also means

Daardoor is het volledig uitwisselbaar. Het betekent ook

there's no proprietary software. All you need

dat er geen sprake is van software met eigendomsrechten.

is a web browser.

Je hebt alleen een webbrowser nodig.

So imagine if every video that we watched on the web

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

worked like the web, completely remixable,

zou werken als het web, geheel uitwisselbaar,

linked to its source content, and interactive

gelinkt aan de oorspronkelijke content en interactief

for everyone who views it.

voor eenieder die het bekijkt.

I think Popcorn could change the way that we tell stories on

Ik denk dat Popcorn de manier waarop we verhalen vertellen

the web, and the way we understand the world we live in.

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

Thank you. (Applause)

Bedankt. (Applaus)