Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

キャンバスでビデオを再生し、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);
      }
   })();
});

  1. Fabric.jsでマウスクリックするとHTML5Canvasレイヤーが消え、Firefoxは画像のキャンバスを作成するときに応答を停止しますか？

    Fabric.jsでマウスクリックするとHTML5キャンバスレイヤーが消え、Firefoxが画像にキャンバスを作成するときに応答を停止する場合は、コンピューターから画像をドラッグアンドドロップする方法があります。ファブリックを使用したキャンバス。 これは、この方法で画像のドラッグ可能なプロパティをtrueにすることで実行できます- <img draggable = "true">

  2. Capto –Mac用の究極の画像およびビデオスクリーンキャプチャアプリ

    写真が千の言葉を描く場合、ビデオは何語を描くのでしょうか？誰もあなたに決定的な答えを与えることはできませんが、確かなことが1つあります。情報のこの時代では、言葉だけを使ってストーリーを伝えるだけでは不十分です。他の人と平等に立つには、自分の言葉と物語の画像や動画を組み合わせる必要があります。 そのためには、画面の画像や動画をキャプチャできるだけでなく、それらの管理にも役立つ優れたスクリーンキャストアプリが必要です。そのようなアプリの1つに、Global Delightのスクリーンキャプチャアプリであり、人気のあるVoilaの後継アプリであるCapto（US $ 29.99 –無料トライアルが