0:00:01.544,0:00:05.513 想要了解我們生活的世界,我們說故事 0:00:05.513,0:00:08.983 當混搭與分享定義了我們所知的網路 0:00:08.983,0:00:10.564 網絡,就如同我們所知道的 0:00:10.564,0:00:14.399 每個人都可以成為故事的一部份 0:00:14.399,0:00:16.864 透過讓我們在網路上創作的簡單工具 0:00:16.864,0:00:20.946 但是影片被遺漏了 0:00:20.946,0:00:23.692 他以小方框內的姿態抵達網路 0:00:23.692,0:00:26.781 就此停留, 0:00:26.781,0:00:28.653 與周遭的資訊與內容完全脫離 0:00:28.653,0:00:30.565 事實上,網路這十年來 0:00:30.565,0:00:34.161 唯一改變的只有影片框格大小 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 它是個線上工具 0:00:43.319,0:00:46.704 讓任何人可以將影片結合網路上的即時內容 0:00:46.704,0:00:50.239 透過 Popcorn 製作的影片如同網路自身: 0:00:50.239,0:00:54.286 動態、充滿連結、完全得以混搭 0:00:54.286,0:00:58.585 而且終於能夠跳脫外框 0:00:58.585,0:01:00.989 在此我向各位展示開發中 0:01:00.989,0:01:03.029 將在今年秋天釋出的原型 0:01:03.029,0:01:07.975 完全免費,相容於任何瀏覽器 0:01:07.975,0:01:11.041 所有 Popcorn 作品都從單一影片開始 0:01:11.041,0:01:13.427 所以我錄製了一個 20 秒的短片 0:01:13.427,0:01:17.178 使用我們工作坊中使用的新聞臺模板 0:01:17.178,0:01:20.862 先看看成品,然後再回頭說明如何製作 0:01:20.862,0:01:23.614 嗨!歡迎來到我的新聞時間 0:01:23.614,0:01:26.055 我透過 Google 地圖指出所在地 0:01:26.055,0:01:29.423 他是即時的,你可以移動看看 0:01:29.423,0:01:32.815 你可以跳出訊息,內含超連結及自訂圖示 0:01:32.815,0:01:36.279 或者從任何網路服務導入內容,例如 Flickr 相簿 0:01:36.279,0:01:41.109 或者增加文章與部落格,搭配原文連結 0:01:41.109,0:01:44.748 現在讓我們從頭回看剛剛的影片 0:01:44.748,0:01:48.174 這是時間軸,如果你曾編輯過影片,應該很熟悉 0:01:48.174,0:01:51.093 但是上頭的不是影片 0:01:51.093,0:01:54.679 而是加入影片中的網路事件 0:01:54.679,0:01:57.070 在這個 Popcorn 作品中,我們加入了標題圖卡 0:01:57.070,0:02:00.823 以子畫面的方式顯示 Google Map 0:02:00.823,0:02:03.310 Popcorn 接著讓它跳出外框 0:02:03.310,0:02:06.670 佔滿整個螢幕 0:02:06.670,0:02:09.339 兩個跳出訊息帶出其他資訊 0:02:09.339,0:02:13.717 最後是附加原文連結的一則短文 0:02:13.717,0:02:17.251 我們打開這個 Google 地圖,示範該如何編輯 0:02:17.251,0:02:20.500 你應該指向時間軸,雙點一個物件 0:02:20.500,0:02:22.759 我將他設定在多倫多,那是我的來處 0:02:22.759,0:02:26.281 我們把它設定到別的地方 0:02:26.281,0:02:29.412 Popcorn 即時地連接上網路 0:02:29.412,0:02:32.469 跟 Google 聯繫、取回地圖,將它顯示出來 0:02:32.469,0:02:34.075 與觀看你作品的人 0:02:34.075,0:02:35.811 有完全一樣的效果 0:02:35.811,0:02:38.322 它是即時的,不只是一張圖片;你可以點擊 0:02:38.322,0:02:42.552 如果你想的話,一直放大到街景視點 0:02:42.552,0:02:45.559 在影片中我提到可以加入即時資訊 0:02:45.559,0:02:48.740 現在我們就來試試 0:02:48.740,0:02:51.624 從右手邊的選項中 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,根據設定的標籤擷取相片 0:03:01.197,0:03:04.209 我們的開發者很喜歡小馬, 0:03:04.209,0:03:08.069 所以把小馬作為預設標籤 0:03:08.069,0:03:11.185 我們來試試其他的 0:03:11.185,0:03:14.753 或許來一些跟今天比較有關的 0:03:14.753,0:03:17.483 這是即時從資訊串流擷取的圖片 0:03:17.483,0:03:19.071 如果你在一星期後觀看 0:03:19.071,0:03:20.615 結果將會完全不同 0:03:20.615,0:03:23.124 與網路一樣動態、且所有東西都有來源 0:03:23.124,0:03:25.176 點擊這個連結, 0:03:25.176,0:03:28.969 就會開啟 Flickr 上的原始圖片 0:03:28.969,0:03:31.215 今天你所看到的一切,都由基礎的網路元素組成 0:03:31.215,0:03:34.775 HTML、CSS 及 JavaScript 0:03:34.775,0:03:36.694 代表這全然得以混搭 0:03:36.694,0:03:39.258 也代表其中完全沒有專利軟體 0:03:39.258,0:03:42.217 你只需要網路瀏覽器 0:03:42.217,0:03:45.587 想像所有網路上所看到的影片 0:03:45.587,0:03:48.633 都像網路一樣運作: 0:03:48.633,0:03:51.380 連結到原始內容 0:03:51.380,0:03:53.761 與所有觀看者互動 0:03:53.761,0:03:56.757 我想 Popcorn 可以 0:03:56.757,0:03:59.135 我們了解居住的世界的方法 0:03:59.135,0:04:04.821 謝謝