如何獲得HTML5中的每一幀的像素數據<video>元素

Question

我想我必須等待視頻完成加載，然後設置一個間隔（在1/24秒）以獲得當前幀數據，用於視頻的持續時間。但是，這似乎很hacky，看起來像它可能會跳過幀等...

那麼，是否有一個「onFrameChange」偵聽器我可以掛鉤，所以我可以得到每幀或任何其他方式獲取圖像數據HTML5視頻的每一幀的內容？

在此先感謝。

Answer 1

有一個timeUpdate事件隨時間改變（通過正常播放或用戶清理控件）時觸發。在Firefox上，每幀會觸發一次，儘管該假設對其他瀏覽器不可移植。

我不認爲有一個便攜的方式來做你提到的。我主張timeUpdate更可靠，但還沒有取得多大進展。在1/24秒或更快的時間間隔可能是最好的方式。