我试图为视频创建Web应用程序,因此我决定从配置视频开始,如果出现问题,请为视频创建Blob网址。 事实证明,我不确定要使用哪些术语在Google中进行搜索,而我使用的术语并没有发现任何非常简单或直接的术语。 我想知道如何为视频创建Blob URL,什么是最好的方法,因为我已经看过使用FileReader和MediaSource以及其他一些主题,所以我想知道执行此操作的最简单方法。 / p>
我正在直接HTML上进行测试,没有外部库或外部文件。
var URL = this.window.URL || this.window.webkitURL;
var file = new Blob(["http://localhost/assets/mp4/video.mp4"],{"type" : "video\/mp4"});
var value = URL.createObjectURL(file);
$(document).ready(function(){
$('#MyVideo').attr('src',value);
});
生成Blob链接,但不加载视频
对于像我这样的初学者的其他问题,我通过以下脚本获得了预期的结果:
var xhr = new XMLHttpRequest();
xhr.open('POST', 'http://localhost/assets/mp4/video.mp4');
xhr.responseType = 'arraybuffer';
xhr.onload = function(e){
var blob = new Blob(([xhr.response]));
var url = URL.createObjectURL(blob);
document.getElementById('_video').src = url;
};