影片播放器範例簡介

你是否曾經想要在自己的網站上發布影片,但又希望能以有趣又美觀的方式呈現,就像 Chrome 線上應用程式商店中的新 60 MinutesRedBull.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 模式和結構。

瀏覽器支援

除了可透過 Chrome 線上應用程式商店安裝的應用程式,我們也已測試過影片播放器範例,確認可在所有新型瀏覽器中運作。

立即試用

您可以在示範應用程式中查看影片播放器的實際運作情形。如要進一步瞭解應用程式的運作方式,請參閱說明文件

您可以從 Google Code 取得程式碼。

歡迎多加利用!