显示来自 Blob Javascript 的视频

Question

我想在 HTML5 视频标签中显示来自 Javascript Blob/文件 object 的视频。

此代码仅适用于小视频：

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

我不能将它用于大视频（> 10MB）。 是否有解决方案可以在 HTML 5 中显示来自 Blob object 的大视频？

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;
}