event.target.filesでよみとったファイルを
<canvas>
に表示したいです。
どなたか、やり方を教えていただけませんか?
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加するまず、URL.createObjectURL(file)
でファイルのBlobURLを得て、用意しておいたVideo要素のsrc属性に指定します。
次にビデオを再生しながらctx.drawImage(videoElement, 0, 0)
をすれば、その瞬間のフレームがCanvasに描画されるので、それをrequestAnimationFrame
を使い連続的に行えばできます。