你是否曾經想要在自己的網站上發布影片,但又希望能以有趣又美觀的方式呈現,就像 Chrome 線上應用程式商店中的新 60 Minutes 或 RedBull.tv 應用程式?很高興在此宣布Video Player Sample 網路應用程式正式推出!影片播放器範例是開放原始碼影片播放器網頁應用程式,採用與 60 Minutes 和 RedBull.tv 應用程式相同的架構建構。您可以自訂、擴充或直接使用預設版,並填入自己的內容。


運作方式
使用者開啟 Video Player Sample 時,可以選擇觀看單一影片,或從已上傳並填入應用程式的清單中,建立影片/集數的播放清單。Video Player Sample 已設定,影片相關資訊則儲存在 JSON 檔案 (分別為 config.json 和 data.json) 中,兩者皆位於資料目錄中。
主要功能與特色
- 提供優質的影片觀看體驗,包括全螢幕模式
- 訂閱節目、觀看劇集、建立播放清單
- 支援多種影片格式,視使用者瀏覽器支援的格式而定 (包括 WebM、Ogg、MP4,甚至是 Flash 備用方案)
- 「類別」頁面,概略說明應用程式提供的不同節目/類別
- 通知新集數 (當應用程式是透過 Chrome 線上應用程式商店安裝時)
- 內建分享至 Google+、Twitter 和 Facebook 的支援功能
- 為確保輕鬆自訂,我們會提供所有來源檔案,包括 Photoshop PSD
建構方式
本視訊播放器範例是針對開放式網頁平台,使用 HTML 和 JavaScript 編寫,大致遵循 Model View Controller 模式和結構。
- 這個程式庫是使用開放原始碼 Google Closure JavaScript 程式庫建構而成
- 使用 Closure Compiler 編譯
- 透過 Chrome 線上應用程式商店發布,以便使用通知功能
瀏覽器支援
除了可透過 Chrome 線上應用程式商店安裝的應用程式,我們也已測試過影片播放器範例,確認可在所有新型瀏覽器中運作。
立即試用
您可以在示範應用程式中查看影片播放器的實際運作情形。如要進一步瞭解應用程式的運作方式,請參閱說明文件。
您可以從 Google Code 取得程式碼。
歡迎多加利用!