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