このサイトを利用することによって、あなたはこのサイトのCookie Policy、Privacy Policy、およびTerms of Serviceを読んで理解し、同意したものとみなします。
event.target.filesでよみとったファイルを <canvas>に表示したいです。
<canvas>
どなたか、やり方を教えていただけませんか?
まず、URL.createObjectURL(file)でファイルのBlobURLを得て、用意しておいたVideo要素のsrc属性に指定します。 次にビデオを再生しながらctx.drawImage(videoElement, 0, 0)をすれば、その瞬間のフレームがCanvasに描画されるので、それをrequestAnimationFrameを使い連続的に行えばできます。
URL.createObjectURL(file)
ctx.drawImage(videoElement, 0, 0)
requestAnimationFrame
必須ですが、公開はされません
“回答を投稿”をクリックすることで利用規約、プライバシーポリシー、及びクッキーポリシーに同意したものとみなされます。