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 comprender el mundo en el que vivimos, contamos historias. Mezclar y compartir definen la web como la conocemos; todos podemos ser parte de esa historia con herramientas simples que nos permiten operar en línea. Pero el video ha quedado fuera. Llegó a la web en una caja pequeña y allí quedó, completamente desconectado de los datos y contenidos circundantes. De hecho, en más de una década en la web, lo único que cambió respecto del video es el tamaño de la caja y la calidad de la imagen.
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 lo cambia todo. Es una herramienta web que permite que cualquier persona combine video con contenidos tomados de la web. Los videos creados con Popcorn son como la propia web: dinámicos, repletos de enlaces, totalmente combinables, y pueden liberarse de la estructura.
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.
Quiero hacer una demo de un prototipo en el que trabajamos y que lanzaremos en el otoño que viene. Será totalmente gratuito y funcionará en cualquier navegador. Toda producción de Popcorn empieza con un video, por eso hice un breve video de 20 segundos con una plantilla que usamos en los talleres. Veámoslo. Regresaremos y les mostraré cómo lo hicimos.
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.
Hola, bienvenidos a mi noticiero. Agregué mi ubicación con un mapa de Google y es en directo; tratemos de movernos. Pueden agregarse menús con enlaces en vivo e íconos personalizados o tomar contenido de un servicio web, como Flickr, o agregar artículos y entradas de blog con enlaces al contenido 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.
Regresemos y les mostraré qué vieron. Había muchas cosas. Esta es la línea de tiempo y, si han editado video, están familiarizados con esto, pero en vez de videos en la línea de tiempo, lo que vemos son eventos web colocados en el video. En esta producción de Popcorn tenemos el título, un mapa de Google que aparece dentro de la imagen, luego Popcorn permite sacarlo del cuadro y ocupar toda la pantalla. Hay dos cuadros emergentes que brindan más información, y un artículo final con un enlace al artículo 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.
Pasemos a este mapa de Google y les mostraré cómo pueden editarlo. Van a la línea de tiempo, hacen doble clic en el elemento, he ingresado Toronto porque esa es mi ciudad natal. Pongámosle otra cosa. Popcorn inmediatamente va a la web, habla con Google, toma el mapa y hace que se vea en pantalla. Es exactamente lo mismo que ve la gente que mira el video. Está en directo. No es una imagen. Se le puede hacer clic, ampliar, llegar al nivel de la calle si se quiere.
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.
En este video, mencioné que había una fuente en vivo así que ahora podemos agregarla desde Flickr. Vayamos a la derecha, tomemos Flickr de la lista de opciones, arrastrémosla a la línea de tiempo y la colocamos donde deseamos; de inmediato vamos a Flickr y empieza a mostrar imágenes relacionadas a los tags. A mis desarrolladores les gustan los ponis, por eso lo han puesto como tag por defecto. Probemos algo diferente, quizá algo más relevante hoy. Son imágenes tomadas directamente desde la fuente. Si volvemos en una semana será completamente diferente, dinámico, como la web, exactamente como la web, todo tiene una fuente; si hacen clic en el enlace, van directo a Flickr y ven la imagen fuente.
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.
Todo lo que han visto hoy se construyó con los elementos básicos de la web: HTML, CSS y JavaScript. Significa que es totalmente remezclable. Significa también que no hay software propietario. Se necesita solo un 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)
Imaginen si todos los videos que miramos en la web funcionaran con la web, completamente remezclables, vinculados con sus fuentes, interactivos con todos los que los vieran. Creo que Popcorn podría cambiar nuestra forma de contar historias en la web y la forma de entender el mundo en el que vivimos. Gracias. (Aplausos)