0

event.target.filesでよみとったファイルを
<canvas>に表示したいです。

どなたか、やり方を教えていただけませんか?

1 件の回答 1

4

まず、URL.createObjectURL(file)でファイルのBlobURLを得て、用意しておいたVideo要素のsrc属性に指定します。
次にビデオを再生しながらctx.drawImage(videoElement, 0, 0)をすれば、その瞬間のフレームがCanvasに描画されるので、それをrequestAnimationFrameを使い連続的に行えばできます。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。