在畫布上播放影片並保留 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

更新日期： 2020 年 1 月 29 日

235 次瀏覽

開啟你的 職業生涯

透過完成該課程獲得認證

開始學習