html5視頻流

我正在使用mediaViews和html5在我們的cakephp網站上流式傳輸視頻截屏視頻。我使用videojs玩家和正在運行到幾個問題：html5視頻流

在Safari/iPad/iPhone的不會流（我把它轉換成MP4）
不允許觀衆跳到任何瀏覽器中的視頻中間。他們必須從頭到尾觀看視頻，這並不理想。
不墜回閃對象不支持HTML5

它目前在Chrome和Firefox串流正確的瀏覽器。我還沒有試過IE。

代碼如下。視頻文件的所有轉換都是使用我讀過的Miro Video Converter完成的。

任何幫助非常感謝！

學生控制器代碼

function view_demo_mp4() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.mp4', 
     'extension' => 'mp4', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 

} 

function view_demo_webm() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.webm', 
     'extension' => 'webm', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 
} 

function view_demo_ogg() { 
    $this->viewClass = 'Media'; 
    $params = array(
     'id' => 'webinar.ogv', 
     'extension' => 'ogv', 
     'path' => APP . "../../documentation" . DS, 
     'download' => false, 
     'cache' =>true 
    ); 
    $this->set($params); 
}

查看

<video class="video-js vjs-default-skin" controls preload="none" width="768" height="432" 
    poster="/files/demo_splash.png" 
    data-setup="{}"> 
     <source src="/students/view_demo_mp4" type='video/mp4' /> 
     <source src="/students/view_demo_ogg" type='video/ogg' /> 
     <source src="/students/view_demo_webm" type='video/webm' /> 
</video>

我有視頻的三個版本。原創是使用Quicktime Screen Recording創建的。我目前正在使用：

的MP4 H.264，音頻通道數：2總比特率320
OGV HTML5視頻（OGG）我沒有看到任何進一步的細節
WebM的HTML％的視頻WEBM（再次，沒有更多的細節，我可以找到）

當使用Miro轉換器轉換視頻我使用最右邊的選項「格式」，選擇「視頻」，然後輸出類型。

這是在https網站上，所以也許這可能導致閃回故障的問題？除此之外，我沒有看到有關videojs的任何指示來幫助設置備用。我錯過了什麼嗎？

非常感謝您的幫助。

來源

2013-01-10 tnichols

您是否測試過僅在一個非常簡單的頁面中播放視頻，該頁面只包含

如果您的HTML5視頻不能在任何Apple手持設備上播放，請嘗試在Adobe Media Encoder中自己編碼mp4版本。確保在視頻選項卡下選擇4或更低的級別，絕對選擇基準爲配置文件，並顯示足夠低的比特率，例如在1000kbps和2000kbps之間（默認值通常爲20000kbps）。

來源

2013-05-24 01:47:33

回答

相關問題