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.
Para entender o mundo em que vivemos nós contamos histórias. E enquanto modificando e compartilhando veio a se definir a web como a conhecemos, agora todos nós podemos fazer parte dessa história através de ferramentas simples que nos permitem fazer coisas online. Mas os vídeos foram deixados de lado. Eles chegaram na web em uma pequena caixa e assim permaneceram, completamente desligado dos dados e do conteúdo em volta deles. De fato, em mais de uma década da web, a única coisa que mudou a respeito dos vídeos foi o tamanho da caixa e a qualidade da imagem.
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.
Popcorn muda tudo isso. É uma ferramenta online que permite a qualquer pessoa combinar vídeos com conteúdo extraído ao vivo diretamente da web. Os vídeos criados com Popcorn comportam-se como a própria web: dinâmicos, cheios de links e completamente ‘remixáveis’ e, finalmente, podem liberar-se da estrutura.
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.
Eu gostaria de fazer uma demonstração de um protótipo que estamos desenvolvendo e será lançado no outono. Será totalmente gratuito e funcionará em qualquer navegador. Bom, toda produção da Popcorn começa com um vídeo, então fiz um vídeo clipe de 20 segundos usando um modelo de apresentador de noticiário que usamos em workshops. Vamos assisti-lo. Depois retornaremos e mostrarei como foi feito.
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.
Olá e bem vindos ao meu noticiário. Eu coloquei minha posição com um Google Map, e é em tempo real, então tente movê-la. Você pode adicionar pop-ups com links e ícones personalizados, ou tirar conteúdo de qualquer serviço da web, como Flickr, ou adicionar artigos e blogs com links para o conteúdo completo.
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.
Vamos voltar e demostrarei o que acabaram de ver. Havia muita coisa ali. Essa é a linha do tempo e, se já editaram um vídeo, já estão familiarizados com isso, mas em vez de video clipes na linha do tempo, o que vocês estão vendo são eventos da web trazidos para o vídeo. Agora, nessa produção do Popcorn temos o título, temos um Google Map que aparece imagem na imagem, em seguida Popcorn deixa ele expandir para fora do quadro e preencher a tela toda. Há 2 pop-ups que irão acrescentar mais informação, e um artigo final com um link para o artigo original.
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.
Vamos a este Google Map e mostrarei como é possível editar. Basta ir à linha do tempo, dar um clique duplo no item, eu o configurei para Toronto, porque sou de lá. Vamos configurá-lo para um outro lugar. Imediatamente Popcorn vai na web, comunica-se com Google, pega o mapa e o coloca na tela. E é exatamente o mesmo para as pessoas que assistem a sua produção. E é ao vivo. Não é uma imagem. Então você clica nele, aumenta o zoom, se quiser, até a vista para a rua.
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.
Eu mencionei, no vídeo, a adição de uma transmissão ao vivo, o qual podemos fazer agora, então vamos adicionar uma transmissão ao vivo do Flickr. Vá para o lado direito, escolha Flickr na lista de opções, arraste para a linha do tempo, e coloque a imagem onde você quer quer ela fique, e imediatamente ela vai para o Flickr e começa a trazer imagens com bases nos tags. Agora, meu desenvolvedores gostam muito de pôneis por isso configuraram isso como tag padrão. Vamos tentar algo diferente, talvez algo um pouco mais relevante na atualidade. Aqui estão as imagens ao vivo sendo extraídas diretamente da transmissão. Se você assistir isso daqui há uma semana, será completamente diferente, dinâmico, como a web, e assim como na web, tudo tem uma fonte, então clique em seu link e você vai direto para o Flickr e vê a fonte da imagem.
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.
Tudo que viram aqui hoje é construído com os blocos de construção básicos da web: HTML, CSS e JavaScript. Isso significa que é completamente ‘remixável. Também significa que não há propriedade de software. Tudo que precisam é um navegador.
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)
Imaginem se todos os vídeos que assistimos na web funcionassem como a web, completamente ‘remixável’, ligados a sua fonte de conteúdo, e interativo para todos que o veem. Acredito que Popcorn poderia transformar a forma como contamos histórias na web, e a forma como compreendemos o mundo em que vivemos. Obrigado. (Aplausos)