[英]Display a video from a Blob Javascript
I would like to display a video from a Javascript Blob/File object in the HTML5 video tag.我想在 HTML5 视频标签中显示来自 Javascript Blob/文件 object 的视频。
This code only works for small videos:此代码仅适用于小视频:
var reader = new FileReader();
reader.onload = function(e) {
document.getElementById("video").src=reader.result;
}
reader.readAsDataURL(vid);
I cannot use this for big videos (> 10MB).我不能将它用于大视频(> 10MB)。 Is there a solution to display a big video from a blob object in HTML 5?
是否有解决方案可以在 HTML 5 中显示来自 Blob object 的大视频?
I've found. 我发现了。 It was so simple that I didnt even see it...
这很简单,我甚至没有看到它......
function display(vid){
var video = document.getElementById("video");
video.src = window.URL.createObjectURL(vid);
}
In some case blobObject.data should be provided in createObjectURL() method. 在某些情况下,应在createObjectURL()方法中提供blobObject.data。 See this simple 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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.