是否需要使用2畫布進行html5視頻處理？

Question

我嘗試在javascript中進行一些視頻處理。我讀了一些關於它的文章，看起來每個人都使用2個畫布來完成這個技巧。首先，他們在第一個畫布上繪製視頻，他們從中讀取圖像數據，進行一些像素操作，然後在第二個畫布上繪製視頻。我想知道我真的必須使用2個畫布才能做到這一點？沒有任何方法直接從視頻中獲取圖像數據？或者我們有一些性能問題，這是解決方案？

Answer 1

因爲無法從視頻獲取像素數據。

畫布API有一個方法getImageData()其給出背面具有用於每一種顏色（和α）爲每一個像素值的浮點陣列。不幸的是，視頻元素不能這樣做:(

您可以使用一個帆布其中提請視頻幀和操縱它。我想人們喜歡做它在兩個畫布，使他們能夠保持原有的像素數據，如果您在加載新幀之前有更改操作，或者...