My friends, my life, my style - James S.F. Hsieh

1/06/2013

60 inch, 六十吋行動電視

再一次證明要我評估一個點子或計畫是否能實作出來是相當不準確的. 當大家討論這個點子時, 我真的覺得這個點子會有技術上的問題, 直到我嘗試 prototype 確定某些關鍵性的問題是可以被解決時, 我才覺得 "六十吋行動電視" 這個 idea 是 work 的. 差點就在比賽前的一個禮拜放棄參加呢, 這個 idea 就是我們參加 2012 年 Windows App 開發嘉年華 的主題 !!


隊名: 飲料店 Team#42 Demo#20
題目: 60 inch 六十吋行動電視
成員: Kenny, WenYuan, James (全是 RD 哈...)


Kenny, James, WenYuan
Kenny, James, WenYuan

這個點子是怎麼誕生的?


行動裝置的世紀造就了 "低頭族" 這個新名詞. 我想這種窘境大家可能都遇過 "當大家一同在餐廳聚會, 每個人卻都看著自己的手機而非相互對話". 也許, 你只是想在聚會中分享你的照片或是影片來增加大家共同的話題. 這時, 卻受限於螢幕的大小必須將手機到處傳閱. 或被迫分享到 FB 上.


為什麼大家喜歡坐在客廳一起看電視? 大螢幕的視聽感受是一個主要原因. 還有呢? 一起看一部電影或短劇過程中, 大家所產生的互動是更為有趣的部分. 這個部分是每個人使用一個小螢幕看著相同的影片也無法辦到的一種情境. 所以 Share 是我們的出發點, 我們想 Share 的是一種共同參與的感覺. 正所謂 "獨樂樂 不如 眾樂樂".

可以歸納出以下的需求:
  • 快速地分享照片或影片到鄰近朋友的行動裝置
  • 可以同時觀賞來達成共同參與感
  • 更大的顯示螢幕與方便直覺的操控方式

功能介紹


  • 分享照片, 網站, 或是 影片 都是相當實用的功能, 我們選擇了分享影片做為我們實作的主題, 因為, 相較於其他媒體, 影片更具有即時性也更富趣味.
  • 分享的主題是影片, 又希望大家可以同時觀賞, 時間上的同步就非常的重要. 我們必須讓所有裝置都播放相同的畫面, 播放時間必須相近, 這樣才能達到同時觀看以增加參與感.
  • 結合多個裝置螢幕的分享與連結, 我們可以結合多個螢幕來達成大螢幕同時觀看的目標.
  • 直覺的操控就是電視的遙控器.

操作簡介


因為比賽的時間有限, 我們只有實作出比較簡化的操作流程. 不過這些操作流程可以看得出整個構想的潛力.

當一個行動裝置使用我們的 App 時, 它可以選擇當 "主要顯示螢幕", "延伸顯示螢幕" 或是 "遙控器".



當你選擇了 "主要的顯示螢幕" 與 "遙控器",  我們就可以用遙控器來遙控播放的內容. 如果你的"主要顯示螢幕" 畫面夠大, 你又想一個人觀賞, 你已經可以用手機做為遙控器, 然後, 離你的螢幕遠遠的坐在沙發上用手機遙控觀賞影片了.

主要顯示螢幕

 
遙控器 可以 Play, Pause, Seek, 或是 "YouTube search 選台" 

別忘了, 共同參與才是我們的目的. 如果你的夥伴想跟你一同觀賞影片, 他只需要點選 "延伸顯示螢幕". 這時候多個裝置 "同步" 播放喔, 而遙控器依然可以同時操作所有裝置.

以上的例子是三台 iPad 跟一台 Win8 平板同步播放 (Win8 平板借不到啊 XD)

當然, 如果你想要讓所有的裝置合併成一個大型的 "六十吋行動電視" 你只需要用手在兩個裝置 Pinch 一下就可以讓裝置結合成大螢幕了, Cool 吧!! 請看我們的 DEMO

Pinch 是如此的直覺吧

遙控器也會顯示連結的狀況,
我們目前最多嘗試連接六台螢幕喔 (借不到更多機器了)


幕後花絮


唯一的作品跟作者合影
  
第一次這麼多人一起寫 Code

我們 demo 的序號


圖片來源: 自由時報, Windows App 開發嘉年華 FB 社團