我有一個我爲我的朋友/客戶創建的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版本內聯播放。
此外,如果你使用它,它可能有助於停止使用jQuery的移動 - 或任何其他JavaScript沒有真正需要的mather - 在與HTML5視頻播放器,使其更加平滑的頁面。它在使用畫布時幫助了我。鏈接到該頁面時,您只需要不使用ajax,當然,不要在該頁面中加載jquery mobile。 – 2012-02-20 03:29:56
謝謝,我目前的編碼在我嘗試過的所有設備上播放良好的流媒體(我只嘗試了已知的越野車)僅供參考,使用Handbrake將您的視頻編碼爲IPhone/IPod設置,並確保您檢查Web Optimized (它通過編碼,並允許Android流傳輸它)..哦是啊,即使手剎說它輸出的MP4,它是一個M4V;只需重命名擴展名,並在任何H264設備上播放,我也使用Firefogg作爲我的ogv和webm。但是你說我應該在我的視頻頁面中不包含笨重的js框架,這樣html5播放器運行得更快?如果是這樣,那沒有變化的作品 – 2012-02-20 07:48:28
感謝您的編碼提示,我不知道他們全部。我說這可能會有所幫助,無論如何,我總是這麼做。我認爲這不僅對視頻有幫助,而且對其他內容也有幫助,而且在畫布上或者依賴於計時器的事物上非常明顯。使用android,我建議您使用插件來連接本地視頻播放器,因爲舊設備或操作系統版本有時不支持視頻標籤。 – 2012-02-22 22:54:13