1 00:00:01,544 --> 00:00:05,513 想要了解我們生活的世界,我們說故事 2 00:00:05,513 --> 00:00:08,983 當混搭與分享定義了我們所知的網路 3 00:00:08,983 --> 00:00:10,564 網絡,就如同我們所知道的 4 00:00:10,564 --> 00:00:14,399 每個人都可以成為故事的一部份 5 00:00:14,399 --> 00:00:16,864 透過讓我們在網路上創作的簡單工具 6 00:00:16,864 --> 00:00:20,946 但是影片被遺漏了 7 00:00:20,946 --> 00:00:23,692 他以小方框內的姿態抵達網路 8 00:00:23,692 --> 00:00:26,781 就此停留, 9 00:00:26,781 --> 00:00:28,653 與周遭的資訊與內容完全脫離 10 00:00:28,653 --> 00:00:30,565 事實上,網路這十年來 11 00:00:30,565 --> 00:00:34,161 唯一改變的只有影片框格大小 12 00:00:34,161 --> 00:00:37,038 以及畫面的品質 13 00:00:37,038 --> 00:00:40,206 Popcorn 改變了一切 14 00:00:40,206 --> 00:00:43,319 它是個線上工具 15 00:00:43,319 --> 00:00:46,704 讓任何人可以將影片結合網路上的即時內容 16 00:00:46,704 --> 00:00:50,239 透過 Popcorn 製作的影片如同網路自身: 17 00:00:50,239 --> 00:00:54,286 動態、充滿連結、完全得以混搭 18 00:00:54,286 --> 00:00:58,585 而且終於能夠跳脫外框 19 00:00:58,585 --> 00:01:00,989 在此我向各位展示開發中 20 00:01:00,989 --> 00:01:03,029 將在今年秋天釋出的原型 21 00:01:03,029 --> 00:01:07,975 完全免費,相容於任何瀏覽器 22 00:01:07,975 --> 00:01:11,041 所有 Popcorn 作品都從單一影片開始 23 00:01:11,041 --> 00:01:13,427 所以我錄製了一個 20 秒的短片 24 00:01:13,427 --> 00:01:17,178 使用我們工作坊中使用的新聞臺模板 25 00:01:17,178 --> 00:01:20,862 先看看成品,然後再回頭說明如何製作 26 00:01:20,862 --> 00:01:23,614 嗨!歡迎來到我的新聞時間 27 00:01:23,614 --> 00:01:26,055 我透過 Google 地圖指出所在地 28 00:01:26,055 --> 00:01:29,423 他是即時的,你可以移動看看 29 00:01:29,423 --> 00:01:32,815 你可以跳出訊息,內含超連結及自訂圖示 30 00:01:32,815 --> 00:01:36,279 或者從任何網路服務導入內容,例如 Flickr 相簿 31 00:01:36,279 --> 00:01:41,109 或者增加文章與部落格,搭配原文連結 32 00:01:41,109 --> 00:01:44,748 現在讓我們從頭回看剛剛的影片 33 00:01:44,748 --> 00:01:48,174 這是時間軸,如果你曾編輯過影片,應該很熟悉 34 00:01:48,174 --> 00:01:51,093 但是上頭的不是影片 35 00:01:51,093 --> 00:01:54,679 而是加入影片中的網路事件 36 00:01:54,679 --> 00:01:57,070 在這個 Popcorn 作品中,我們加入了標題圖卡 37 00:01:57,070 --> 00:02:00,823 以子畫面的方式顯示 Google Map 38 00:02:00,823 --> 00:02:03,310 Popcorn 接著讓它跳出外框 39 00:02:03,310 --> 00:02:06,670 佔滿整個螢幕 40 00:02:06,670 --> 00:02:09,339 兩個跳出訊息帶出其他資訊 41 00:02:09,339 --> 00:02:13,717 最後是附加原文連結的一則短文 42 00:02:13,717 --> 00:02:17,251 我們打開這個 Google 地圖,示範該如何編輯 43 00:02:17,251 --> 00:02:20,500 你應該指向時間軸,雙點一個物件 44 00:02:20,500 --> 00:02:22,759 我將他設定在多倫多,那是我的來處 45 00:02:22,759 --> 00:02:26,281 我們把它設定到別的地方 46 00:02:26,281 --> 00:02:29,412 Popcorn 即時地連接上網路 47 00:02:29,412 --> 00:02:32,469 跟 Google 聯繫、取回地圖,將它顯示出來 48 00:02:32,469 --> 00:02:34,075 與觀看你作品的人 49 00:02:34,075 --> 00:02:35,811 有完全一樣的效果 50 00:02:35,811 --> 00:02:38,322 它是即時的,不只是一張圖片;你可以點擊 51 00:02:38,322 --> 00:02:42,552 如果你想的話,一直放大到街景視點 52 00:02:42,552 --> 00:02:45,559 在影片中我提到可以加入即時資訊 53 00:02:45,559 --> 00:02:48,740 現在我們就來試試 54 00:02:48,740 --> 00:02:51,624 從右手邊的選項中 55 00:02:51,624 --> 00:02:54,013 選擇 Flickr 56 00:02:54,013 --> 00:02:56,260 拉到時間軸上 57 00:02:56,260 --> 00:02:58,734 放到你想要的地方 58 00:02:58,734 --> 00:03:01,197 它會馬上連接 Flickr,根據設定的標籤擷取相片 59 00:03:01,197 --> 00:03:04,209 我們的開發者很喜歡小馬, 60 00:03:04,209 --> 00:03:08,069 所以把小馬作為預設標籤 61 00:03:08,069 --> 00:03:11,185 我們來試試其他的 62 00:03:11,185 --> 00:03:14,753 或許來一些跟今天比較有關的 63 00:03:14,753 --> 00:03:17,483 這是即時從資訊串流擷取的圖片 64 00:03:17,483 --> 00:03:19,071 如果你在一星期後觀看 65 00:03:19,071 --> 00:03:20,615 結果將會完全不同 66 00:03:20,615 --> 00:03:23,124 與網路一樣動態、且所有東西都有來源 67 00:03:23,124 --> 00:03:25,176 點擊這個連結, 68 00:03:25,176 --> 00:03:28,969 就會開啟 Flickr 上的原始圖片 69 00:03:28,969 --> 00:03:31,215 今天你所看到的一切,都由基礎的網路元素組成 70 00:03:31,215 --> 00:03:34,775 HTML、CSS 及 JavaScript 71 00:03:34,775 --> 00:03:36,694 代表這全然得以混搭 72 00:03:36,694 --> 00:03:39,258 也代表其中完全沒有專利軟體 73 00:03:39,258 --> 00:03:42,217 你只需要網路瀏覽器 74 00:03:42,217 --> 00:03:45,587 想像所有網路上所看到的影片 75 00:03:45,587 --> 00:03:48,633 都像網路一樣運作: 76 00:03:48,633 --> 00:03:51,380 連結到原始內容 77 00:03:51,380 --> 00:03:53,761 與所有觀看者互動 78 00:03:53,761 --> 00:03:56,757 我想 Popcorn 可以 79 00:03:56,757 --> 00:03:59,135 我們了解居住的世界的方法 80 00:03:59,135 --> 00:04:04,821 謝謝