ちょっとやろうと思ったことがあって、確認と練習がてら色々試したら表題にあるとおりの動画プレイヤーができたので、どんな感じでやるのかを簡単に書きます。 こういう感じのものが出来ます。 Glitched Movie Player 1. ドラッグ&ドロップで動画を読み込む $(window).on 'dragover', -> false $(window).on 'drop', (e)-> file = e.originalEvent.dataTransfer.files[0] video = document.createElement 'video' $(video).on 'loadeddata', -> video.muted = true video.play() video.type = file.type video.src = URL.createObjectURL file
![ドラッグ&ドロップで動画を読み込み、Web Audio API と Canvas で加工しながら再生する - 音の鳴るブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f06a251e618ced1c62d8afe39d24051e5d956cc2/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmohayonao%2F20120914%2F20120914183321.png)