

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

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


CC BY-SA 3.0
2017-04-25T14:45:30.953
34278
2017-04-26T03:32:10.420
2017-04-26T03:32:10.420
8589
22677
question
javascript html
<canvas>に動画をプレビュー表示したい


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


CC BY-SA 3.0
2017-04-26T02:48:47.423
34283
2017-04-26T02:48:47.423
5721
34278
answer