显示Blob Javascript中的视频

Question

我想在HTML5视频代码中显示来自Javascript Blob / File对象的视频。

此代码仅适用于小型视频：

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

我不能将它用于大型视频（＆gt; 10MB）。 是否有解决方案在HTML 5中显示blob对象的大视频？

Answer 1

我找到了。这很简单，我甚至没有看到它......

function display(vid){

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

}

Answer 2

在某些情况下，应在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;
}