使用JavaScript创建Blob网址

时间:2019-06-26 16:07:59

标签: javascript video blob

我试图为视频创建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;
};

0 个答案:

没有答案