캔버스에서 비디오를 재생하고 HTML5 Canvas에서 마지막 프레임/이미지를 보존합니다.

다음 코드를 실행하여 동영상의 마지막 프레임을 재생하고 보존할 수 있습니다.

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);
      }
   })();
});