Um die Welt zu verstehen, in der wir leben, erzählen wir Geschichten. Und während das Neu-Mischen und Teilen von Inhalten das Web, wie wir es kennen, definiert hat, können wir nun alle mitmachen, mit einfachen Werkzeugen, die es uns erlauben, Dinge online zu tun. Aber Video war davon bislang ausgeschlossen. In kleine Rahmen platziert kam es ins Internet und blieb völlig losgelöst von Daten und Inhalten, die es umgaben. Seit einem Jahrzehnt hat sich im Internet allein die Größe der Video-Rahmen geändert und deren Bildqualität.
To understand the world that live in, we tell stories. And while remixing and sharing have come to define the web as we know it, all of us can now be part of that story through simple tools that allow us to make things online. But video has been left out. It arrived on the web in a small box, and there it has remained, completely disconnected from the data and the content all around it. In fact, in over a decade on the web, the only thing that has changed about video is the size of the box and the quality of the picture.
"Popcorn" ändert all dies. Es ist ein Online-Werkzeug, mit dem jeder Videos direkt mit Live-Inhalten aus dem Web verbinden kann. Mit Popcorn erstellte Videos verhalten sich wie das Web selbst: Dynamisch, voller Links und völlig bearbeit- und mischbar, ist es ihnen nun erlaubt, aus dem Rahmen auszubrechen.
Popcorn changes all of that. It's an online tool that allows anyone to combine video with content pulled live directly from the web. Videos created with Popcorn behave like the web itself: dynamic, full of links, and completely remixable, and finally allowed to break free from the frame.
Ich möchte das anhand eines Prototyps demonstrieren, an dem wir arbeiten und diesen Herbst herausbringen werden. Es wird gratis sein und in jedem Browser funktionieren. Jede Popcorn-Produktion beginnt mit einem Video. Hier ist ein kurzer Clip, produziert mit einer Vorlage für Nachrichtensendungen aus unseren Seminaren. Schauen wir uns das mal an. Und später zeige ich euch, wie es gemacht wurde.
I want to give you a demo of a prototype that we're working on that we'll launch later this fall. It will be completely free, and it will work in any browser. So, every Popcorn production begins with the video, and so I've made a short, 20-second clip using a newscaster template that we use in workshops. So let's watch it. We'll go back, and I'll show you how we made it.
Hallo und willkommen zu meiner Nachrichtensendung. Ich habe meinen Standort per Google Maps eingefügt und die Karte ist live, also versuch, sie zu verschieben. Man kann Pop-Ups mit Live-Links und persönlichen Icons hinzufügen, oder Inhalte von jedem Web-Dienst hineinziehen, z.B. Flickr, oder Artikel und Blog-Einträge mit Links zum vollständigen Inhalt hinzufügen.
Hi, and welcome to my newscast. I've added my location with a Google Map, and it's live, so try moving it around. You can add pop-ups with live links and custom icons, or pull in content from any web service, like Flickr, or add articles and blog posts with links out to the full content.
Gehen wir also zurück und ich zeige euch, was ihr gesehen habt. Das war viel. Das ist die Zeitachse und wenn ihr jemals ein Video bearbeitet habt, kennt ihr das, aber anstatt Clips auf der Zeitachse sind hier Web-Ereignisse, die in das Video eingebunden wurden. In dieser Popcorn-Produktion haben wir nun einen Zwischentitel, eine Google-Maps-Karte, die Bild-in-Bild erscheint und durch Popcorn aus dem Rahmen verschoben und auf Vollbild vergrößert werden kann. Hier sind zwei Pop-Ups mit zusätzlichen Informationen und schließlich ein Artikel mit einem Link zum Original.
So let's go back, and I'll show you what you saw. There was a lot there. So this is the timeline, and if you've ever edited video, you're familiar with this, but instead of clips in the timeline, what you're looking at is web events pulled into the video. Now in this Popcorn production we've got the title card, we've got a Google Map that shows up picture-in-picture, then Popcorn lets it push outside the frame and take over the whole screen. There are two pop-ups bringing you some other information, and a final article with a link out to the original article.
Nehmen wir also diese Karte und ich zeige euch, wie ihr sie bearbeiten könnt. Dazu müsst ihr nur auf die Zeitachse gehen, das Element doppelklicken – ich habe es auf Toronto eingestellt, weil ich von dort komme. Stellen wir es auf etwas anderes ein. Popcorn verbindet sich umgehend mit dem Internet, 'spricht' mit Google, schnappt sich die Karte und holt sie auf den Monitor. Und das Gleiche geschieht exakt bei diejenigen, die sich eure Produktion ansehen. Und es ist live. Es ist kein Bild. Man klickt darauf, vergrößert, bis zur Street-View-Ebene, wenn man möchte.
Let's go to this Google Map, and I'll show you how you can edit it. All you do, go into the timeline, double-click the item, and I've set it to Toronto, because that's where I'm from. Let's set it to something else. Popcorn immediately goes out onto the web, talks to Google, grabs the map, and puts it in the display. And it's exactly the same for the people who watch your production. And it's live. It's not an image. So you click on it, you zoom in, right down to street view if you want to.
Ich erwähnte, dass man Live-Inhalte zum Video hinzufügen kann, was wir jetzt machen können, also fügen wir einen 'Live Feed' von Flickr hinzu. Wir gehen zur rechten Seite, nehmen Flickr von der Optionen-Liste, ziehen es in die Zeitachse und platzieren es an die gewünschte Stelle und es verbindet sich sofort mit Flickr und beginnt, stichwortbasierte Bilder einzubinden. Meine Entwickler lieben Ponys, also haben sie die standardmäßig als Stichwort gesetzt. Versuchen wir etwas anderes, vielleicht etwas, das mehr zum heutigen Tag passt. Das sind Live-Bilder, die direkt von der Quelle eingespeist werden. Wenn man sich das in einer Woche ansieht, wird es völlig anders sein, dynamisch, genau wie das Internet und so wie im Internet alles einen Ursprungslink hat, kann man auf den Link klicken und kommt direkt zu Flickr und sieht das Original-Bild.
Now in the video, I mentioned adding a live feed, which we can do right now, so let's add a live feed from Flickr. Go over to the right-hand side, grab Flickr from the list of options, drag it into the timeline, and put it where you'd like it to go, and it immediately goes out to Flickr and starts pulling in images based on the tags. Now, my developers really like ponies, and so they've set that as the default tag. Let's try something else, maybe something a bit more relevant to today. Now here are live images being pulled straight from the feed. If you come and watch this a week from now, this will be completely different, dynamic, just like the web, and just like the web, everything is sourced, so click your link, and you go straight to Flickr and see the source image.
Alles, was man heute sieht, ist mit den grundlegenden Bausteinen des Internet gebaut: HTML, CSS und JavaScript. Das heißt, alles kann neu gemischt werden. Es heißt auch, dass es keine proprietäre Software gibt. Alles was man braucht ist ein Web-Browser.
Everything you've seen today is built with the basic building blocks of the web: HTML, CSS and JavaScript. That means it's completely remixable. It also means there's no proprietary software. All you need is a web browser.
Stellt euch vor, jedes Video, das wir im Internet ansehen, würde wie das Internet funktionieren, völlig neu mischbar, mit seinem Ursprung verbunden und interaktiv für alle, die es sich ansehen. Ich glaube, 'Popcorn' kann verändern, wie wir Geschichten im Internet erzählen und wie wir die Welt verstehen, in der wir leben. Danke. (Applaus)
So imagine if every video that we watched on the web worked like the web, completely remixable, linked to its source content, and interactive for everyone who views it. I think Popcorn could change the way that we tell stories on the web, and the way we understand the world we live in. Thank you. (Applause)