顯示來自 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;
}