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

Ryan Merkley: Videos en línea, anotaciones, remezclas y acción

Translator: Joseph Geni Reviewer: Morton Bast

Traductor: Sebastian Betti Revisor: Veronica Martinez Starnes

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

Para comprender el mundo en el que vivimos, contamos historias.

And while remixing and sharing have come to define

Mezclar y compartir definen

the web as we know it,

la web como la conocemos;

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

todos podemos ser parte de esa historia con herramientas simples

that allow us to make things online.

que nos permiten operar en línea.

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

Pero el video ha quedado fuera. Llegó a la web

in a small box, and there it has remained,

en una caja pequeña y allí quedó,

completely disconnected from the data and the content

completamente desconectado de los datos y contenidos

all around it.

circundantes.

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

De hecho, en más de una década en la web, lo único

that has changed about video is the size of the box

que cambió respecto del video es el tamaño de la caja

and the quality of the picture.

y la calidad de la imagen.

Popcorn changes all of that.

Popcorn lo cambia todo.

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

Es una herramienta web que permite que cualquier persona

with content pulled live directly from the web.

combine video con contenidos tomados de la web.

Videos created with Popcorn behave like the web itself:

Los videos creados con Popcorn son como la propia web:

dynamic, full of links, and completely remixable,

dinámicos, repletos de enlaces, totalmente combinables,

and finally allowed to break free from the frame.

y pueden liberarse de la estructura.

I want to give you a demo of a prototype

Quiero hacer una demo de un prototipo

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

en el que trabajamos y que lanzaremos en el otoño que viene.

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

Será totalmente gratuito y funcionará en cualquier navegador.

So, every Popcorn production begins with the video,

Toda producción de Popcorn empieza con un video,

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

por eso hice un breve video de 20 segundos

using a newscaster template that we use in workshops.

con una plantilla que usamos en los talleres.

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

Veámoslo. Regresaremos y les mostraré cómo lo hicimos.

Hi, and welcome to my newscast.

Hola, bienvenidos a mi noticiero.

I've added my location with a Google Map,

Agregué mi ubicación con un mapa de Google

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

y es en directo; tratemos de movernos.

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

Pueden agregarse menús con enlaces en vivo e íconos personalizados

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

o tomar contenido de un servicio web, como Flickr,

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

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.

Regresemos y les mostraré qué vieron. Había muchas cosas.

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

Esta es la línea de tiempo y, si han editado video,

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

están familiarizados con esto, pero en vez de videos en la línea de tiempo,

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

lo que vemos son eventos web colocados en el video.

Now in this Popcorn production we've got

En esta producción de Popcorn tenemos

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

el título, un mapa de Google que aparece dentro

picture-in-picture, then Popcorn lets it push

de la imagen, luego Popcorn permite sacarlo

outside the frame and take over the whole screen.

del cuadro y ocupar toda la pantalla.

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

Hay dos cuadros emergentes que brindan más información,

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

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.

Pasemos a este mapa de Google y les mostraré cómo pueden editarlo.

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

Van a la línea de tiempo, hacen doble clic en el elemento,

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

he ingresado Toronto porque esa es mi ciudad natal.

Let's set it to something else.

Pongámosle otra cosa.

Popcorn immediately goes out onto the web,

Popcorn inmediatamente va a la web,

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

habla con Google, toma el mapa y hace que se vea en pantalla.

And it's exactly the same

Es exactamente lo mismo

for the people who watch your production.

que ve la gente que mira el video.

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

Está en directo. No es una imagen. Se le puede hacer clic,

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

ampliar, llegar al nivel de la calle si se quiere.

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

En este video, mencioné que había una fuente en vivo

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

así que ahora podemos agregarla

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

desde Flickr. Vayamos a la derecha,

grab Flickr from the list of options,

tomemos Flickr de la lista de opciones,

drag it into the timeline,

arrastrémosla a la línea de tiempo

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

y la colocamos donde deseamos;

and it immediately goes out to Flickr and starts pulling in

de inmediato vamos a Flickr y empieza a mostrar imágenes

images based on the tags. Now, my developers

relacionadas a los tags. A mis desarrolladores

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

les gustan los ponis, por eso lo han puesto como tag por defecto.

Let's try something else,

Probemos algo diferente,

maybe something a bit more relevant to today.

quizá algo más relevante hoy.

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

Son imágenes tomadas directamente desde la fuente.

If you come and watch this a week from now,

Si volvemos en una semana

this will be completely different,

será completamente diferente,

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

dinámico, como la web, exactamente como la web,

everything is sourced, so click your link,

todo tiene una fuente; si hacen clic en el enlace,

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

van directo a Flickr y ven la imagen fuente.

Everything you've seen today is built with the basic

Todo lo que han visto hoy se construyó con los elementos

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

básicos de la web: HTML, CSS y JavaScript.

That means it's completely remixable. It also means

Significa que es totalmente remezclable. Significa también

there's no proprietary software. All you need

que no hay software propietario. Se necesita

is a web browser.

solo un navegador.

So imagine if every video that we watched on the web

Imaginen si todos los videos que miramos en la web

worked like the web, completely remixable,

funcionaran con la web, completamente remezclables,

linked to its source content, and interactive

vinculados con sus fuentes, interactivos

for everyone who views it.

con todos los que los vieran.

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

Creo que Popcorn podría cambiar nuestra forma de contar historias

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

en la web y la forma de entender el mundo en el que vivimos.

Thank you. (Applause)

Gracias. (Aplausos)