Return to Video

ライアン・マークリー 「注釈やポップアップを付けリミックスできるオンラインビデオ」

  • 0:02 - 0:06
    自分の住む世界を理解するために
    私たちはストーリーを語ります
  • 0:06 - 0:09
    今日私たちが知っているウェブを
    形作っているのは
  • 0:09 - 0:11
    リミックスや共有であり
  • 0:11 - 0:14
    オンラインコンテンツを作るシンプルな
    ツールによって 今や私たちみんなが
  • 0:14 - 0:17
    そのストーリーを
    担えるようになりました
  • 0:17 - 0:21
    しかしビデオは
    取り残されています
  • 0:21 - 0:24
    ウェブに小さな箱として現れてから
    ずっとそのままの姿で
  • 0:24 - 0:27
    まわりのデータや
    コンテンツからは
  • 0:27 - 0:29
    切り離されています
  • 0:29 - 0:31
    実際この10年の間に
    ウェブ上のビデオで
  • 0:31 - 0:34
    変わったことと言えば
    箱の大きさと
  • 0:34 - 0:37
    映像のクオリティだけです
  • 0:37 - 0:40
    Popcornがそれを変えます
  • 0:40 - 0:43
    これはオンラインツールで
    誰でもビデオに
  • 0:43 - 0:47
    ウェブから直接引っ張ってきた
    ライブ・コンテンツを組み込めます
  • 0:47 - 0:50
    Popcornで作ったビデオは
    ウェブのように動作します
  • 0:50 - 0:54
    ダイナミックで 沢山のリンクがあって
    完全にリミックス可能です
  • 0:54 - 0:59
    ビデオはついに枠から
    解放されたのです
  • 0:59 - 1:01
    秋に予定している
    ローンチに向け
  • 1:01 - 1:03
    開発中のプロトタイプを
    ご覧いただきましょう
  • 1:03 - 1:08
    まったく無料で
    どのブラウザでも使えます
  • 1:08 - 1:11
    Popcornでの制作は
    ビデオから始まります
  • 1:11 - 1:13
    ニュースキャスターの
    テンプレートで
  • 1:13 - 1:17
    20秒の短いクリップを作りました
    ワークショップで使っているものです
  • 1:17 - 1:21
    まずは一通り見てみましょう
    それから どう作ったのか説明します
  • 1:21 - 1:24
    ニュースキャストにようこそ
  • 1:24 - 1:26
    Googleマップで
    私の位置情報を追加しました
  • 1:26 - 1:29
    ライブなので
    操作してみてください
  • 1:29 - 1:33
    リンクやカスタムアイコンのある
    ポップアップを付けたり
  • 1:33 - 1:36
    Flickrのようなウェブサービスから
    コンテンツを引っ張ってきたり
  • 1:36 - 1:41
    記事やブログの要約を全文へのリンク付きで
    貼り付けることもできます
  • 1:41 - 1:45
    では戻って ご覧いただいた
    いろんなものを説明しましょう
  • 1:45 - 1:48
    これはタイムラインです
    ビデオ編集をしたことがあれば
  • 1:48 - 1:51
    馴染みがあるでしょう
    タイムライン上にあるのは
  • 1:51 - 1:55
    ビデオクリップでなく
    ビデオに取り込むウェブイベントです
  • 1:55 - 1:57
    このPopcorn作品では
  • 1:57 - 2:01
    タイトル表示をし
    Googleマップを
  • 2:01 - 2:03
    小窓で見せ さらに
    それを枠から出して
  • 2:03 - 2:07
    画面いっぱいに
    広げます
  • 2:07 - 2:09
    他の情報を表示する
    ポップアップを2つ出し
  • 2:09 - 2:14
    最後に元記事へのリンク付きで
    記事要約を表示しています
  • 2:14 - 2:17
    Googleマップのところに行って
    編集のやり方をお見せしましょう
  • 2:17 - 2:20
    タイムライン上のアイテムを
    ダブルクリックします
  • 2:20 - 2:23
    場所は 私の住むトロントを
    選んでありました
  • 2:23 - 2:26
    どこか別な所に変えましょう
  • 2:26 - 2:29
    Popcornは即座に
    Googleマップから
  • 2:29 - 2:32
    地図を引っ張ってきて
    表示します
  • 2:32 - 2:34
    完成品の視聴者が見るのと
  • 2:34 - 2:36
    同じものが表示されます
  • 2:36 - 2:38
    単なる画像ではなくライブなので
    クリックし ズームし
  • 2:38 - 2:43
    お望みならストリートビューまで
    行くこともできます
  • 2:43 - 2:46
    ビデオの説明でライブフィードを
    追加できると言いましたが
  • 2:46 - 2:49
    すぐできるので
    Flickrのライブフィードを
  • 2:49 - 2:52
    追加してみましょう
    右端に行って
  • 2:52 - 2:54
    リストにあるFlickrをつかみ
  • 2:54 - 2:56
    タイムラインまでドラッグして
  • 2:56 - 2:59
    出したい位置に置きます
  • 2:59 - 3:01
    すると即座にFlickrから
    タグに基づいて
  • 3:01 - 3:04
    画像を引っ張ってきます
  • 3:04 - 3:08
    うちの開発者は子馬好きなので
    それがデフォルトのタグになっています
  • 3:08 - 3:11
    他のものを試してみましょう
  • 3:11 - 3:15
    今日のイベントにもう少し
    関連のあるものがいいですね
  • 3:15 - 3:17
    これはフィードから持ってきた
    ライブイメージです
  • 3:17 - 3:19
    一週間後に見たら
    まったく別の画像に
  • 3:19 - 3:21
    なっているでしょう
  • 3:21 - 3:23
    ウェブのようにダイナミックで
    すべてリンクされています
  • 3:23 - 3:25
    リンクをクリックすると
  • 3:25 - 3:29
    Flickrに飛んで
    元画像を見られます
  • 3:29 - 3:31
    ご覧いただいたものは すべて
  • 3:31 - 3:35
    ウェブの基本ブロックである
    HTML CSS JavaScriptでできています
  • 3:35 - 3:37
    つまり 完全にリミックス可能
    ということです
  • 3:37 - 3:39
    特別なソフトウェアは
    ありません
  • 3:39 - 3:42
    必要なのは
    ウェブブラウザだけです
  • 3:42 - 3:46
    ウェブ上のあらゆるビデオが
  • 3:46 - 3:49
    ウェブ自体のように
    完全にリミックス可能で
  • 3:49 - 3:51
    ソースとリンクし
    インタラクティブになる
  • 3:51 - 3:54
    というのを想像してみてください
  • 3:54 - 3:57
    Popcornはウェブ上で
    ストーリーを語る方法や
  • 3:57 - 3:59
    自分の住む世界を理解する
    方法を 変えられると思います
  • 3:59 - 4:05
    ありがとうございました
    (拍手)
Title:
ライアン・マークリー 「注釈やポップアップを付けリミックスできるオンラインビデオ」
Speaker:
Ryan Merkley
Description:

MozillaファウンデーションのCOOであるライアン・マークリーは、ウェブ上のビデオはウェブ自体のように動作すべきだと言います。ダイナミックで、たくさんのリンクや地図や情報が付いていて、それをライブで編集しアップデートできるようにするのです。そして彼はTEDのステージで、簡単にビデオのリミックスが行える新しいウェブベースのツールPopcorn Makerを披露します。(Popcorn MakerでリミックスしたTEDTalkをご覧になり、自分でもリミックスしてみてください。)

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

Japanese subtitles

Revisions