2013-06-18 12 views
0

我想從html5視頻捕獲幀到畫布。我有一長串需要捕捉的時間。我將視頻設置爲暫停狀態,將videoElem.currentTime設置爲一個值,然後使用canvasElem.drawImage()將其寫入畫布。如何知道視頻何時進展到我設定的時間?

如果我在設置該值並將其寫入畫布之間使用setTimeout,並且將超時時間設置得足夠高,則此方法正常工作。如果我沒有設置足夠長的超時時間,我會在之前(即錯誤的)位置獲得快照。

但是我只是在這裏猜測,這意味着我可能會弄錯它,或者我可能會通過列表方式慢慢進展,比我必須要慢。

我試着監視視頻上的各種事件處理程序,以及使用不同的小時間間隔setTimeout,每次檢查各種事情,試圖告訴視頻是否應該是它的位置。但沒有運氣。

具體來說,我沒有運氣檢查currentTime的值(它保持在我設置的值,即使視頻尚未得到那裏),也沒有檢查緩衝陣列(它會說它具有視頻的那部分,即使它還沒有顯示),也沒有攻擊視頻上的各種事件(timeupdate,canplay等)

有沒有我失蹤的一些方法?

回答

相關問題