將視頻畫到Chrome上的畫布（Android）

我嘗試將視頻幀複製到畫布。我在Android平板電腦上使用Chrome（v46）（v4.4.4）。將視頻畫到Chrome上的畫布（Android）

第一幀很好畫，但其他沒有。

JS：

document.addEventListener('DOMContentLoaded',function() { 

      var canvas = document.getElementById('canvas'); 

      var ctx = canvas.getContext('2d'); 

      var video = document.getElementById('video'); 

      video.addEventListener('timeupdate',function(){ 
       ctx.drawImage(video,0,0); 
      },false); 

    },false);

的Html

<video id="video" autoplay controls muted preload> 
    <source src="http://video.webmfiles.org/big-buck-bunny_trailer.webm" type="video/webm" /> 
</video>

任何想法？

來源

2017-02-14 Adrien Castagliola

幾件事情來看待：

我不知道你是如何設置畫布在你的HTML，但一個明顯的可能的問題是與縮放 - 即如果畫布大小是不同尺寸的視頻縮放可能會降低質量。
'時間更新'回調可能不像您需要的那樣規則 - 大多數將視頻寫入畫布的示例中我已經看到了設置明確的計時器。我不確定爲什麼這會影響質量，但可能值得一玩。
您正在使用的特定視頻有一個簡單的第一幀，因爲它大部分是文字，這可能會影響播放的外觀

來源

2017-02-17 12:55:02 Mick

將視頻畫到Chrome上的畫布（Android）

回答

相關問題