2016-11-28 20 views
0

我有一個HTML5視頻播放器:HTML5視頻不是流,並採取90秒的加載

<video width="800" height="475" id ="video" controls="" src="" autoplay></video> 

這似乎在開發中,但在生產中的視頻是工作100%最多可能需要90秒的加載。我想知道html5播放器是真正的流媒體播放器還是需要先下載完整的下載?我被一個同事,設置標籤這樣的通知:

<video width="800" height="475" id ="video" controls="" src="" preload="none" autoplay></video> 

與加載選項要麼沒有或元數據應強制瀏覽器以流視頻緩衝,而不是整個事情的。我在這裏有什麼選擇?我應該放棄HTML5播放器嗎?我的印象是html5播放器是在我們的內聯網上播放流式視頻的正確方式。有什麼建議麼?

+1

做你的督促服務器具有相同的配置爲DEV(做它支持字節範圍請求)?你的帶寬在Prod vs Dev(本地網絡將總是快很多)是你的視頻流優化 - https://stackoverflow.com/questions/32937114/set-up-buffering-for-video-object/32959717# 32959717 – Offbeatmammal

+0

我不得不對流進行優化,並將元數據從文件末尾移到開頭。如果你讓這個答案我會接受。謝謝你指點我這個方向。 – VinnyGuitara

回答

1

由於您必須通過公共互聯網而不是本地網絡來移動文件,因此您需要使用類似ffmpeg的元素將元數據(MOOV原子)移動到視頻文件的前端,以便它可以開始串流更快

./ffmpeg -y -i SourceFile.mp4 -s 1280x720 -c:v libx264 -b 3M -strict -2 -movflags faststart DestFile.mp4 

上面將在MP4容器使用H264給你一個1280×720的輸出,在3Mbps的,然後將做第二次通過的MOOV元件移動到文件的前部,使其能夠啓動流式傳輸速度更快(有關更多詳細信息,請參見this answer)。

您也應該檢查你的產品服務器配置您的開發服務器,專門用於支持字節範圍請求,允許的內容更優化的流媒體的能力相匹配