Return to Video

Online video -- annotated, remixed and popped

  • 0:02 - 0:06
    To understand the world that live in, we tell stories.
  • 0:06 - 0:09
    And while remixing and sharing have come to define
  • 0:09 - 0:11
    the web as we know it,
  • 0:11 - 0:14
    all of us can now be part of that story through simple tools
  • 0:14 - 0:17
    that allow us to make things online.
  • 0:17 - 0:21
    But video has been left out. It arrived on the web
  • 0:21 - 0:24
    in a small box, and there it has remained,
  • 0:24 - 0:27
    completely disconnected from the data and the content
  • 0:27 - 0:29
    all around it.
  • 0:29 - 0:31
    In fact, in over a decade on the web, the only thing
  • 0:31 - 0:34
    that has changed about video is the size of the box
  • 0:34 - 0:37
    and the quality of the picture.
  • 0:37 - 0:40
    Popcorn changes all of that.
  • 0:40 - 0:43
    It's an online tool that allows anyone to combine video
  • 0:43 - 0:47
    with content pulled live directly from the web.
  • 0:47 - 0:50
    Videos created with Popcorn behave like the web itself:
  • 0:50 - 0:54
    dynamic, full of links, and completely remixable,
  • 0:54 - 0:59
    and finally allowed to break free from the frame.
  • 0:59 - 1:01
    I want to give you a demo of a prototype
  • 1:01 - 1:03
    that we're working on that we'll launch later this fall.
  • 1:03 - 1:08
    It will be completely free, and it will work in any browser.
  • 1:08 - 1:11
    So, every Popcorn production begins with the video,
  • 1:11 - 1:13
    and so I've made a short, 20-second clip
  • 1:13 - 1:17
    using a newscaster template that we use in workshops.
  • 1:17 - 1:21
    So let's watch it. We'll go back, and I'll show you how we made it.
  • 1:21 - 1:24
    Hi, and welcome to my newscast.
  • 1:24 - 1:26
    I've added my location with a Google Map,
  • 1:26 - 1:29
    and it's live, so try moving it around.
  • 1:29 - 1:33
    You can add pop-ups with live links and custom icons,
  • 1:33 - 1:36
    or pull in content from any web service, like Flickr,
  • 1:36 - 1:41
    or add articles and blog posts with links out to the full content.
  • 1:41 - 1:45
    So let's go back, and I'll show you what you saw. There was a lot there.
  • 1:45 - 1:48
    So this is the timeline, and if you've ever edited video,
  • 1:48 - 1:51
    you're familiar with this, but instead of clips in the timeline,
  • 1:51 - 1:55
    what you're looking at is web events pulled into the video.
  • 1:55 - 1:57
    Now in this Popcorn production we've got
  • 1:57 - 2:01
    the title card, we've got a Google Map that shows up
  • 2:01 - 2:03
    picture-in-picture, then Popcorn lets it push
  • 2:03 - 2:07
    outside the frame and take over the whole screen.
  • 2:07 - 2:09
    There are two pop-ups bringing you some other information,
  • 2:09 - 2:14
    and a final article with a link out to the original article.
  • 2:14 - 2:17
    Let's go to this Google Map, and I'll show you how you can edit it.
  • 2:17 - 2:20
    All you do, go into the timeline, double-click the item,
  • 2:20 - 2:23
    and I've set it to Toronto, because that's where I'm from.
  • 2:23 - 2:26
    Let's set it to something else.
  • 2:26 - 2:29
    Popcorn immediately goes out onto the web,
  • 2:29 - 2:32
    talks to Google, grabs the map, and puts it in the display.
  • 2:32 - 2:34
    And it's exactly the same
  • 2:34 - 2:36
    for the people who watch your production.
  • 2:36 - 2:38
    And it's live. It's not an image. So you click on it,
  • 2:38 - 2:43
    you zoom in, right down to street view if you want to.
  • 2:43 - 2:46
    Now in the video, I mentioned adding a live feed,
  • 2:46 - 2:49
    which we can do right now, so let's add a live feed
  • 2:49 - 2:52
    from Flickr. Go over to the right-hand side,
  • 2:52 - 2:54
    grab Flickr from the list of options,
  • 2:54 - 2:56
    drag it into the timeline,
  • 2:56 - 2:59
    and put it where you'd like it to go,
  • 2:59 - 3:01
    and it immediately goes out to Flickr and starts pulling in
  • 3:01 - 3:04
    images based on the tags. Now, my developers
  • 3:04 - 3:08
    really like ponies, and so they've set that as the default tag.
  • 3:08 - 3:11
    Let's try something else,
  • 3:11 - 3:15
    maybe something a bit more relevant to today.
  • 3:15 - 3:17
    Now here are live images being pulled straight from the feed.
  • 3:17 - 3:19
    If you come and watch this a week from now,
  • 3:19 - 3:21
    this will be completely different,
  • 3:21 - 3:23
    dynamic, just like the web, and just like the web,
  • 3:23 - 3:25
    everything is sourced, so click your link,
  • 3:25 - 3:29
    and you go straight to Flickr and see the source image.
  • 3:29 - 3:31
    Everything you've seen today is built with the basic
  • 3:31 - 3:35
    building blocks of the web: HTML, CSS and JavaScript.
  • 3:35 - 3:37
    That means it's completely remixable. It also means
  • 3:37 - 3:39
    there's no proprietary software. All you need
  • 3:39 - 3:42
    is a web browser.
  • 3:42 - 3:46
    So imagine if every video that we watched on the web
  • 3:46 - 3:49
    worked like the web, completely remixable,
  • 3:49 - 3:51
    linked to its source content, and interactive
  • 3:51 - 3:54
    for everyone who views it.
  • 3:54 - 3:57
    I think Popcorn could change the way that we tell stories on
  • 3:57 - 3:59
    the web, and the way we understand the world we live in.
  • 3:59 - 4:05
    Thank you. (Applause)
Title:
Online video -- annotated, remixed and popped
Speaker:
Ryan Merkley
Description:

Videos on the web should work like the web itself: Dynamic, full of links, maps and information that can be edited and updated live, says Mozilla Foundation COO Ryan Merkley. On the TED stage he demos Popcorn Maker, a new web-based tool for easy video remixing. (Watch a remixed TEDTalk using Popcorn Maker -- and remix it yourself.)

more » « less
Video Language:
English
Team:
closed TED
Project:
TEDTalks
Duration:
04:25

English subtitles

Revisions Compare revisions