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

Question

我想我必須等待視頻完成加載，然后設置一個時間間隔（1/24 秒）來獲取當前幀數據，在視頻的持續時間內。 但這看起來很hacky，看起來它可能會跳幀等等......

那么，是否有我可以連接的“onFrameChange”偵聽器，以便我可以獲取每一幀，或者以任何其他方式獲取 HTML5 視頻的每一幀的圖像數據？

提前致謝。

Answer 1

有timeUpdate事件會在時間改變時觸發（通過正常播放，或用戶擦洗控件）。 在 Firefox 上，這是每幀觸發一次，盡管該假設不能移植到其他瀏覽器。

我不認為有一種可移植的方式來做你提到的事情。 我一直主張timeUpdate更可靠，但沒有取得太大進展。 1/24 秒或更快的間隔可能是最好的方法。