web-dev-qa-db-ja.com

Blob Javascriptからビデオを表示する

HTML5ビデオタグのJavascript Blob/Fileオブジェクトからビデオを表示したいと思います。

このコードは小さなビデオでのみ機能します：

var reader = new FileReader();
reader.onload = function(e) {
    document.getElementById("video").src=reader.result;
 }
reader.readAsDataURL(vid);

これを大きなビデオ（> 10MB）に使用することはできません。 HTML 5のblobオブジェクトから大きなビデオを表示するソリューションはありますか？

javascripthtml5videoblob
25
Antonin M.

見つけました。とても簡単だったので、私も見ませんでした...

function display(vid){

    var video = document.getElementById("video");
    video.src = window.URL.createObjectURL(vid);

}
39
Antonin M.

場合によっては、createObjectURL（）メソッドでblobObject.dataを提供する必要があります。この簡単なトリックをご覧ください。

function playVideo(videoStream){ // as blob 

 var video = document.querySelector('video');

 var videoUrl=window.URL.createObjectURL(videoStream.data);// blob.data gives actual data

 video.src = videoUrl;
}
0
susan097