我有一個視頻標籤列表,我需要與預設currentTime一個一個播放。當我加載頁面時,視頻的readyState卡住了1,視頻給出了一個開始的故障。我已經使用了預加載屬性,但視頻需要花費時間在每臺交換機上開始播放。即使某些視頻具有currentTime設置並且readyState = 4,播放視頻也需要時間。我查看了xhr createObjectURL blob方法,但是需要花費很長時間才能下載所有視頻。出於同樣的原因,我沒有嘗試MediaSource API。不同的html5視頻之間的平滑過渡
0
A
回答
0
媒體源擴展(MSE)不需要您在播放之前下載整個視頻。
它允許您按部分申請一個視頻片段,並以任何您想要的方式操作這些片段,然後將它們設置爲視頻播放器的源。
有一些樣品的JavaScript,我認爲有助於理解這裏的方法沿着一個很好的概述:https://www.html5rocks.com/en/tutorials/eme/basics/
,你可以在這裏看到一個簡單的工作示例:https://github.com/bitmovin/mse-demo/blob/master/index.html
的一般方法是:
- 創建MediaSource的對象
- 設置視頻元素的來源在HTML頁面中的對象MediaSource的
- 添加偵聽器MediaSource的被打開(當視頻被播放)
- 得到第一片段,並添加一個監聽請求下一段
- 作爲段被接收到它們附加到MediaSource的緩衝器
- 當沒有更多的片段要求停止
在你的情況下,你可以立即開始請求下一個視頻,當你到達第一個結尾。
對於mp4視頻而言,另外一件事情通常會在最後顯示其元數據,這意味着您需要下載整個視頻才能開始。您可以使用特殊工具將元數據移動到開始位置,或者如果您自己進行轉碼,只需確保將它放在首位即可。例如,ffmpeg支持使用命令行選項「-movflags faststart」移動數據。
相關問題
- 1. 平鋪之間的平滑過渡
- 2. 頁面之間的平滑過渡 - Reactjs
- 3. css動畫之間的平滑過渡
- 4. 元素之間的平滑過渡
- 5. 外部swf之間的平滑過渡。
- 6. HTML5視頻過渡效果
- 7. 平滑過渡
- 8. 改善視圖中的過渡平滑
- 9. WxPython中的幀之間的平滑過渡
- 10. 沒有黑屏的活動之間的平滑過渡
- 11. GLSL中的平滑過渡
- 12. 平滑過渡的jQuery
- 13. 使用jquery重定向頁面之間的平滑過渡
- 14. 進度條 - 百分比之間的平滑過渡
- 15. jQuery的滑塊不平穩過渡
- 16. iPhone平滑過渡從一個視頻到另一個
- 17. 滑動時圖像的平滑過渡
- 18. 如何通過滑動屏幕的一部分在同一網站的網頁之間平滑過渡
- 19. 編程動畫以在所有RGB值之間平滑過渡?
- 20. 創建連續樣條/在樣條之間平滑過渡
- 21. Android Activity.setContentView(),平滑過渡?
- 22. 平滑(動畫)GUI過渡
- 23. 不同活動之間區分過渡
- 24. UIView視圖之間的動畫過渡
- 25. Firefox中更平滑的滾動過渡?
- 26. 平滑的屏幕過渡使用QT
- 27. 關閉鍵盤的平滑過渡
- 28. 劃線之間的滑動平滑度不同
- 29. html5視頻播放器和視頻js之間的關係
- 30. 滑塊革命不顯示html5視頻