我一直在挖掘互聯網上的媒體源擴展示例,并沒有找到一種方法來適應我的需求.

我正在尋找一個本地緩存的MP4 / WebM視頻(具有100％關鍵幀和1：1的簇/原子與關鍵幀的比率)并且非順序地解碼/顯示它們(即幀10,400,2,100)等等,并且能夠以0-60fps的速率按需渲染這些非連續幀.由于設置此屬性和顯示框架的延遲,使用currentTime屬性的簡單非MSE方法失敗.

我意識到這完全超出了視頻播放的正常期望,但我的應用程序需要這種類型的非連續高速播放.理想情況下,我可以使用h264進行GPU加速,但我意識到可能有一些特定于平臺的GPU緩沖區可以應對,盡管看起來零幀緩沖區應該是可能的(見here).我希望MSE可以完成這種非連續的高幀率低延遲播放,但我知道我要求很多.

問題：

> appendBuffer是否會接受由單個關鍵幀組成的單個WebM群集/ MP4 Atom,并且還能夠以高頻率(60fps)進行解碼？

>你認為我想在瀏覽器中做什么是可能的嗎？

任何幫助,見解或代碼建議/示例將不勝感激.

謝謝！

2016年4月5日更新

我能夠讓MSE主要使用Firefox,Edge和Chrome中的單幀MP4片段.但是,Chrome似乎遇到了上面鏈接的幀緩沖問題,我還沒有找到預處理MP4來調用這種“低延遲”模式的方法.如果可以使用像MP4Box這樣的現有工具創建這樣的文件,任何人都有任何線索嗎？

Firefox和Edge可以在很短的時間內解碼/顯示各個幀,但是當我將這個視頻加載到Three.js WebGL項目中時(無視頻輸出,沒有錯誤),當然會出現問題.我現在忽略了這一點,因為我更傾向于在Chrome上運行,因為我也會將Android作為目標.

總結

以上是生活随笔為你收集整理的html5 逐帧播放 代码,html5-video – 使用媒体源扩展进行逐帧解码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。