在画布上播放视频并在 HTML5 画布上保留最后一帧/图像

你可以尝试运行以下代码来播放和保留视频的最后一帧

var c = $('canvas')[0];
var context = canvas.getContext('2d');

c.width = 640;
c.height = 480;

$("#,myPlayer").on('play', function (e) {
   var $this = this;
   (function loop() {
      if (!$this.paused && !$this.ended) {
         context.drawImage($this, 0, 0, 640, 480);
         setTimeout(loop, 1000 / 30);
      }
   })();
});

Lakshmi Srinivas

更新于: 29-Jan-2020

235 次浏览

开启你的 职业生涯

通过完成课程获得认证

开始