0:00:01.544,0:00:05.513 自分の住む世界を理解するために[br]私たちはストーリーを語ります 0:00:05.513,0:00:08.983 今日私たちが知っているウェブを[br]形作っているのは 0:00:08.983,0:00:10.564 リミックスや共有であり 0:00:10.564,0:00:14.399 オンラインコンテンツを作るシンプルな[br]ツールによって 今や私たちみんなが 0:00:14.399,0:00:16.864 そのストーリーを[br]担えるようになりました 0:00:16.864,0:00:20.946 しかしビデオは[br]取り残されています 0:00:20.946,0:00:23.692 ウェブに小さな箱として現れてから [br]ずっとそのままの姿で 0:00:23.692,0:00:26.781 まわりのデータや[br]コンテンツからは 0:00:26.781,0:00:28.653 切り離されています 0:00:28.653,0:00:30.565 実際この10年の間に[br]ウェブ上のビデオで 0:00:30.565,0:00:34.161 変わったことと言えば [br]箱の大きさと 0:00:34.161,0:00:37.038 映像のクオリティだけです 0:00:37.038,0:00:40.206 Popcornがそれを変えます 0:00:40.206,0:00:43.319 これはオンラインツールで [br]誰でもビデオに 0:00:43.319,0:00:46.704 ウェブから直接引っ張ってきた[br]ライブ・コンテンツを組み込めます 0:00:46.704,0:00:50.239 Popcornで作ったビデオは[br]ウェブのように動作します 0:00:50.239,0:00:54.286 ダイナミックで 沢山のリンクがあって [br]完全にリミックス可能です 0:00:54.286,0:00:58.585 ビデオはついに枠から[br]解放されたのです 0:00:58.585,0:01:00.989 秋に予定している[br]ローンチに向け 0:01:00.989,0:01:03.029 開発中のプロトタイプを[br]ご覧いただきましょう 0:01:03.029,0:01:07.975 まったく無料で[br]どのブラウザでも使えます 0:01:07.975,0:01:11.041 Popcornでの制作は[br]ビデオから始まります 0:01:11.041,0:01:13.427 ニュースキャスターの[br]テンプレートで 0:01:13.427,0:01:17.178 20秒の短いクリップを作りました[br]ワークショップで使っているものです 0:01:17.178,0:01:20.862 まずは一通り見てみましょう[br]それから どう作ったのか説明します 0:01:20.862,0:01:23.614 ニュースキャストにようこそ 0:01:23.614,0:01:26.055 Googleマップで[br]私の位置情報を追加しました 0:01:26.055,0:01:29.423 ライブなので [br]操作してみてください 0:01:29.423,0:01:32.815 リンクやカスタムアイコンのある[br]ポップアップを付けたり 0:01:32.815,0:01:36.279 Flickrのようなウェブサービスから[br]コンテンツを引っ張ってきたり 0:01:36.279,0:01:41.109 記事やブログの要約を全文へのリンク付きで[br]貼り付けることもできます 0:01:41.109,0:01:44.748 では戻って ご覧いただいた[br]いろんなものを説明しましょう 0:01:44.748,0:01:48.174 これはタイムラインです[br]ビデオ編集をしたことがあれば 0:01:48.174,0:01:51.093 馴染みがあるでしょう[br]タイムライン上にあるのは 0:01:51.093,0:01:54.679 ビデオクリップでなく [br]ビデオに取り込むウェブイベントです 0:01:54.679,0:01:57.070 このPopcorn作品では 0:01:57.070,0:02:00.823 タイトル表示をし[br]Googleマップを 0:02:00.823,0:02:03.310 小窓で見せ さらに[br]それを枠から出して 0:02:03.310,0:02:06.670 画面いっぱいに[br]広げます 0:02:06.670,0:02:09.339 他の情報を表示する[br]ポップアップを2つ出し 0:02:09.339,0:02:13.717 最後に元記事へのリンク付きで[br]記事要約を表示しています 0:02:13.717,0:02:17.251 Googleマップのところに行って [br]編集のやり方をお見せしましょう 0:02:17.251,0:02:20.500 タイムライン上のアイテムを[br]ダブルクリックします 0:02:20.500,0:02:22.759 場所は 私の住むトロントを[br]選んでありました 0:02:22.759,0:02:26.281 どこか別な所に変えましょう 0:02:26.281,0:02:29.412 Popcornは即座に[br]Googleマップから 0:02:29.412,0:02:32.469 地図を引っ張ってきて[br]表示します 0:02:32.469,0:02:34.075 完成品の視聴者が見るのと 0:02:34.075,0:02:35.811 同じものが表示されます 0:02:35.811,0:02:38.322 単なる画像ではなくライブなので [br]クリックし ズームし 0:02:38.322,0:02:42.552 お望みならストリートビューまで[br]行くこともできます 0:02:42.552,0:02:45.559 ビデオの説明でライブフィードを[br]追加できると言いましたが 0:02:45.559,0:02:48.740 すぐできるので[br]Flickrのライブフィードを 0:02:48.740,0:02:51.624 追加してみましょう[br]右端に行って 0:02:51.624,0:02:54.013 リストにあるFlickrをつかみ 0:02:54.013,0:02:56.260 タイムラインまでドラッグして 0:02:56.260,0:02:58.734 出したい位置に置きます 0:02:58.734,0:03:01.197 すると即座にFlickrから[br]タグに基づいて 0:03:01.197,0:03:04.209 画像を引っ張ってきます 0:03:04.209,0:03:08.069 うちの開発者は子馬好きなので [br]それがデフォルトのタグになっています 0:03:08.069,0:03:11.185 他のものを試してみましょう 0:03:11.185,0:03:14.753 今日のイベントにもう少し[br]関連のあるものがいいですね 0:03:14.753,0:03:17.483 これはフィードから持ってきた[br]ライブイメージです 0:03:17.483,0:03:19.071 一週間後に見たら [br]まったく別の画像に 0:03:19.071,0:03:20.615 なっているでしょう 0:03:20.615,0:03:23.124 ウェブのようにダイナミックで [br]すべてリンクされています 0:03:23.124,0:03:25.176 リンクをクリックすると 0:03:25.176,0:03:28.969 Flickrに飛んで[br]元画像を見られます 0:03:28.969,0:03:31.215 ご覧いただいたものは すべて 0:03:31.215,0:03:34.775 ウェブの基本ブロックである[br]HTML CSS JavaScriptでできています 0:03:34.775,0:03:36.694 つまり 完全にリミックス可能[br]ということです 0:03:36.694,0:03:39.258 特別なソフトウェアは[br]ありません 0:03:39.258,0:03:42.217 必要なのは[br]ウェブブラウザだけです 0:03:42.217,0:03:45.587 ウェブ上のあらゆるビデオが 0:03:45.587,0:03:48.633 ウェブ自体のように[br]完全にリミックス可能で 0:03:48.633,0:03:51.380 ソースとリンクし [br]インタラクティブになる 0:03:51.380,0:03:53.761 というのを想像してみてください 0:03:53.761,0:03:56.757 Popcornはウェブ上で[br]ストーリーを語る方法や 0:03:56.757,0:03:59.135 自分の住む世界を理解する[br]方法を 変えられると思います 0:03:59.135,0:04:04.821 ありがとうございました[br](拍手)