web-dev-qa-db-de.com

Zeigen Sie ein Video aus einem Blob-Javascript an

Ich möchte ein Video aus einem Javascript-Blob-/Dateiobjekt im HTML5-Video-Tag anzeigen.

Dieser Code funktioniert nur für kleine Videos: 

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

Ich kann dies nicht für große Videos (> 10 MB) verwenden. Gibt es eine Lösung, um ein großes Video aus einem Blob-Objekt in HTML 5 anzuzeigen?

22
Antonin M.

Ich habe gefunden. Es war so einfach, dass ich es nicht einmal sah ...

function display(vid){

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

}
35
Antonin M.

In einigen Fällen sollte blobObject.data in der createObjectURL () -Methode ..__ bereitgestellt werden. Sehen Sie diesen einfachen Trick:

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