2012-02-20 62 views
1

我有一個我爲我的朋友/客戶創建的jQuery Mobile網站。它只有6頁左右(其中2個是對話窗口)。該網站有HTML5視頻,通過videojs庫支持閃回。所有的視頻都可以在mp4,ogv(theora)和webm中正確編碼,到目前爲止我已經在使用過的每個設備上播放。jQuery Mobile視頻網站,轉換爲SDG卡上的視頻而不是流式傳輸的PhoneGap應用程序

我的問題在於帶寬,程序的目的確實需要是一個應用程序,因爲這些信息視頻可能需要隨時查看,即使沒有網絡訪問權限(首次登錄時需要網絡訪問來驗證證書)。

我剩下3個解決方案,嘗試用自己的母語爲所有平臺編寫本機應用程序,使用Sencha Touch(我對extJS足夠滿意)或者使用現有的jQuery移動應用程序100 %功能包括登錄和一些後端包管理,爲用戶分配一個視頻包(每個視頻包含8-20個視頻),並遵循jQuery Mobile教程讓您的應用程序準備好用於PhoneGap,我相信它是唯一的啓用兩個設置,兩者都啓用「跨域」請求,因爲我當前的Web應用程序將作爲本地主機運行,它會將腳本視爲外部頁面。

我的主要問題是一個,我從來沒有用過PhoneGap;除了他們的Hello World android教程外,我還知道現在還有其他的一體化框架:PhoneGap,Titanium,Corona,Adobe Flex(我在編寫本教程時正在安裝,以瞭解它提供的內容。如果它具有爲目標設備自動編碼視頻(視頻分辨率變化)等功能,或者甚至可以使用本地視頻播放功能。

有誰知道當前的哪個框架能夠安裝一組的視頻到SD卡上(總共大約6mb每次安裝),然後在本地播放(我的意思是,在設備本地播放器中,而不是在webview內嵌)在Android手機上,無論如何,我目前基於videojs的播放器播放這些文件本來就是我所嘗試過的所有東西。

我只是需要一個正確的方向,如果有一個PhoneGap插件,我不知道,允許從SD卡播放視頻,這將是了不起的。儘管我對android和blackberry webview控件的速度並不滿意。所以使用100%原生控制的東西會很棒。我希望你們能想出一些想法,你可以看到當前的應用程序在m.yourvideobenefits.com電子郵件:[email protected]密碼:演示

你應該從手機上查看它,如果你想正確地看到它,但是如果你沒有智能手機,請記住,在查看此頁面某些桌面瀏覽器時,視頻在加載完畢後會變成實際大小。這是因爲我在視頻標籤中有autoload="true"(這在大多數手機上都會被忽略,但不管信不信,設置autoload="true"就是實際上允許視頻在某些設備上不能播放內聯。我確信設備存在問題。 ..但沒有這個標籤,視頻在iPhone 4上以最新的iOS版本內聯播放。

回答

1

你可以用phonegap很輕鬆地做到這一點;你已經有了你的網頁,所以它可能會少得多的工作,可能。

您可以從ios中的應用程序包中獲取視頻,然後選擇具有最佳分辨率的視頻並不困難,您還可以以完美的格式和分辨率下載視頻您的應用第一次使用您的服務器播放該文件的API。這與存儲api相契合對於實現來說很不錯。

有一個我用於android的插件,因爲視頻標籤有時會被竊聽,或者根本不適用於舊版本,https://github.com/phonegap/phonegap-plugins/tree/master/Android/VideoPlayer。 它只能從網絡或SD卡上播放,但這並不算太壞。

我不能幫你用黑莓,但我敢肯定,一定有辦法做到這一點。而且,無論如何,appcelerator還不支持它,所以你可能不得不在本地進行。即使沒有黑莓的插件,你也可能不得不在原生開發和手機內部的html5播放器之間進行選擇。我不會在這裏給你我的看法,因爲我不是那個給它的人,Stack Overflow說我反正給了它。

+0

此外,如果你使用它,它可能有助於停止使用jQuery的移動 - 或任何其他JavaScript沒有真正需要的mather - 在與HTML5視頻播放器,使其更加平滑的頁面。它在使用畫布時幫助了我。鏈接到該頁面時,您只需要不使用ajax,當然,不要在該頁面中加載jquery mobile。 – 2012-02-20 03:29:56

+0

謝謝,我目前的編碼在我嘗試過的所有設備上播放良好的流媒體(我只嘗試了已知的越野車)僅供參考,使用Handbrake將您的視頻編碼爲IPhone/IPod設置,並確保您檢查Web Optimized (它通過編碼,並允許Android流傳輸它)..哦是啊,即使手剎說它輸出的MP4,它是一個M4V;只需重命名擴展名,並在任何H264設備上播放,我也使用Firefogg作爲我的ogv和webm。但是你說我應該在我的視頻頁面中不包含笨重的js框架,這樣html5播放器運行得更快?如果是這樣,那沒有變化的作品 – 2012-02-20 07:48:28

+0

感謝您的編碼提示,我不知道他們全部。我說這可能會有所幫助,無論如何,我總是這麼做。我認爲這不僅對視頻有幫助,而且對其他內容也有幫助,而且在畫布上或者依賴於計時器的事物上非常明顯。使用android,我建議您使用插件來連接本地視頻播放器,因爲舊設備或操作系統版本有時不支持視頻標籤。 – 2012-02-22 22:54:13