於 Android* 採用 Miracast* 的 dual-Screen Social Cast 應用程式樣本

於 Android* 採用 Miracast* 的 dual-Screen Social Cast 應用程式樣本

STEVEN B. (Intel) 發佈於 2014 年 7 月 23 日星期三
Social Cast 為 Intel 的 IT Flex Software Engineering 團隊所寫成的 Android Miracast Dual Screen應用程式範本。程式碼範本可於此下載。
Social Cast 藉由將 Miracast 連線與電視及社交媒體 API 相結合，並運用 Android 的背景工作功能，可將使用者最喜歡的社交媒體資訊帶到電視螢幕上頭。該程式碼範本示範了如何整合這些技術的簡單技巧。

圖 1：Social Cast 螢幕截圖 — 左螢幕：設定螢幕，右螢幕：藉由 Miracast* 呈現在電視上的社交媒體內容
Miracast 發佈於 Android 4.2，使用者透過設定選單就能輕鬆地尋找、連線、並將裝置的螢幕鏡射到電視上。這種使用方式在分享資訊上很有趣，但最振奮人心的創新在於 Android 4.4 (KitKat) 中提供給 ISV 的 Presentation API，它可讓電視作為第二個螢幕使用。Social Cast 使用了 Facebook 和 Flickr 的開放式社交媒體 API 來展示如何收集最新的「動態消息」資訊，並重設為電視專用的格式。如此一來，就能將裝置轉變為資訊收集器，提供輕鬆舒適的使用經驗。
Intel 已將多工處理認定為家庭客廳最主要的使用者模式，因此便以此經驗為中心來開發 Social Cast。藉由利用背景工作收集社交資訊、格式化並維持 Miracast 連線，可讓裝置螢幕空出來給其他應用程式使用。因此使用者可悠閒地在裝置上觀看最新的社交媒體資訊並瀏覽網頁、發送簡訊或接電話。本文中所附的程式碼可說明如何實作該架構。

下載並安裝範本

程式碼範本可於此下載。製作應用程式並部署至 Android 裝置：

1. 建立新的 Eclipse* 工作區。
2. 請在 Eclipse 的 Package Explorer 內按右鍵並選擇 Import (匯入)->General (一般)-> Existing Projects into Workspace (將現有專案匯入工作空間)。
3. 前往程式碼的位置，將兩個專案都選取 (FacebookSDK 與 WIDIFBApp)。勾選「Copy projects into workspace (將專案複製至工作區)」。
4. 構建。
5. 若出現 Android 支援程式庫的相關錯誤，請在 Package Explorer->Build Path (構建路徑)-> Configure Build Path (設定構建路徑) -> Libraries (程式庫) 中以右鍵點選出現錯誤的專案。請移除 Android 支援程式庫 (應會出現紅色 X 號)，然後再點選 Add External Jars (新增外部 JAR)，然後選擇 Android Support Library Jar (Android 支援程式庫 JAR) (若電腦上存在的話應為預設路徑)。
6. 構建。

結論

結合 Miracast、社交網路 API 和背景工作來為終端使用者在創新的使用模式中建立豐富的媒體經驗，並鼓勵獨立軟體供應商 (ISV) 為各種領域的應用程式開發編寫雙螢幕應用程式，例如遊戲內的旁觀者視角、多相機角度的視訊拼接、乃至於本機內容的搜尋、管理或分享。
請至 Intel 的雙螢幕功能網站進一步瞭解相關資訊。

Android 資源

為何 WiDi Miracast 能為 Android 遊戲帶來革新：https://software.intel.com/en-us/blogs/2013/10/14/why-widi-miracast-is-a-game-changer-for-android
利用 WiDi/Miracast，將 Intel 架構的 Android 手機設為電玩遊戲控制器：http://www.youtube.com/watch?v=on7Y1ex_98Y
如何於 Intel® 架構手機上使用 Miracast* 標準的 Intel® 無線顯示分割技術：https://software.intel.com/en-us/articles/how-to-enable-intel-wireless-display-differentiation-for-miracast-on-intel-architecture

HTML5 資源

W3G Working Group to Create a Dual Screen API that Abstracts the Connection Technology for HTML 5.0。目前的草案與提案請至此：https://www.w3.org/community/webscreens/wiki/API_Discussion
Intel® WiDi 資源：Intel® WiDi 應用程式 — Android* 與 Windows* 的雙螢幕應用程式：https://software.intel.com/en-us/intel-widi
Dual Screen Intel® WiDi 應用程式：https://software.intel.com/sites/default/files/article/437858/dual-screen-wpf-widi-application.pdf
Dual Screen Intel® WiDi 應用程式：https://software.intel.com/en-us/articles/dual-screen-intel-widi-application
Intel® WiDi Social Cast 示範影片：https://downloadcenter.intel.com/Detail_Desc.aspx?DwnldID=23022
Intel® WiDi 相容接收器：www.intel.com/go/widi