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
事實上，網路這十年來

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
所以我錄製了一個 20 秒的短片

00:01:13.427 --> 00:01:17.178
使用我們工作坊中使用的新聞臺模板

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 Map

00:02:00.823 --> 00:02:03.310
Popcorn 接著讓它跳出外框

00:02:03.310 --> 00:02:06.670
佔滿整個螢幕

00:02:06.670 --> 00:02:09.339
兩個跳出訊息帶出其他資訊

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 即時地連接上網路

00:02:29.412 --> 00:02:32.469
跟 Google 聯繫、取回地圖，將它顯示出來

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
現在我們就來試試

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
謝謝