Abychom pochopili svět, ve kterém žijeme, vyprávíme příběhy. A když je přetváříme a sdílíme, dostáváme se k definici webu tak, jak ho známe. Každý z nás je součástí toho příběhu díky jednoduchým nástrojům, které nám umožňují dávat věci na síť. Ale video stojí stranou. Přišlo na web v malém rámečku, a tam také zůstalo, naprosto odpojené od okolních dat a obsahu. Ve skutečnosti jediná věc, která se na videu změnila za víc než dekádu, je velikost toho rámečku a kvalita obrazu.
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 to všechno mění. Je to online nástroj, který umožňuje každému kombinovat video s obsahem, který rovnou stahuje přímo z webu. Videa vytvořená pomocí Popcornu se chovají stejně jako web: jsou dynamická, plná odkazů a mohou být upravována a konečně se mohou vyloupnout z okénka.
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.
Chci vám předvést ukázku prototypu, na kterém pracujeme a který spustíme na konci podzimu. Bude naprosto zdarma a bude fungovat v každém prohlížeči. Tvorba v Popcornu pokaždé začíná videem. Proto jsem pomocí novinářské šablony vytvořil krátký, 20 sekundový klip, který používáme na workshopech. Pustíme si ho. Pak vám ukážu, jak jsme ho udělali.
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.
Ahoj, vítejte na mém zpravodajském kanálu. Svou polohu jsem přidal na Google Map, a děje se to živě, takže s tím můžeme posouvat. Můžete přidat vyskakovací okna s odkazy a vlastní ikonky nebo stahovat obsah z jakékoli webové služby, jako je Flickr, nebo přidávat články a blogové příspěvky s odkazy na plné znění.
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.
Vrátíme se a ukážu vám, co jste viděli. Bylo toho celkem dost. Toto je časová osa a pokud jste někdy stříhali video, tak ji dobře znáte. Místo klipů na časové ose ale vidíte webové akce, které se budou stahovat do videa. V tomto projektu máme v Popcornu titulek, máme Google mapu, která se objevuje uvnitř obrazu a potom ji Popcorn vytlačí mimo obraz a zabere celou obrazovku. Jsou tu dvě vyskakující okna, která obsahují nějaké další informace a poslední článek s odkazem na původní článek.
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.
Půjdeme na Google Map a ukážu vám, jak to můžete upravovat. Jediné, co je k tomu třeba, je jít na časovou osu, dvakrát kliknout na obsah a nastavit Toronto, protože odtamtud pocházím. Můžeme to nastavit na něco jiného. Popcorn okamžitě jde na web, navštíví Google, stáhne mapu a umístí ji na obrazovku. A to je úplně stejné pro lidi, kteří sledují váš pořad. Děje se to živě. Není to obrázek. Když na to kliknete, můžete si to přiblížit až třeba na uliční pohled, pokud chcete.
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.
Ve videu jsem se zmínil o přidávání aktuálního obsahu. Můžeme to udělat rovnou, takže přidáme obsah z Flickru. Najedeme na pravou stranu, vybereme z nabídky Flickru, přetáhneme ho na časovou osu a umístíme ho tam, kde chceme, a on okamžitě jde na Flickr a začne stahovat obrázky podle tagů. Moji programátoři mají prostě rádi poníky, a tak to nastavili jako výchozí tag. Zkusíme něco jiného, možná něco relevantnějšího. A teď se objeví obrázky stažené přímo z webu. Pokud se na to budete dívat za týden, bude to úplně jiné, dynamické, zkrátka jako web, na kterém je všechno uložené, takže kliknete na odkaz a jdete přímo na Flickr a vidíte zdrojový obrázek.
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.
Všechno, co tu dnes vidíte je vytvořeno pomocí základních stavebních kamenů webu: HTML, CSS a JavaScriptu. To znamená, že je to možné kompletně předělat. Také to znamená, že to není žádný speciální software. Stačí vám jenom webový prohlížeč.
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.
Představte si, že by každé video, které na webu sledujete pracovalo jako web, umožňovalo by předělávání, s odkazy na zdrojový obsah a interaktivní pro všechny, co se na něj dívají. Myslím si, že by Popcorn mohl změnit způsob, jakým vyprávíme příběhy na webu, a to jak chápeme svět ve kterém žijeme. Děkuji. (Potlesk)
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)