javascript - 使用 javascript 创建 blob url

Question

我正在尝试为视频创建一个 Web 应用程序，我决定从配置视频开始，以防出现问题，为视频创建 blob url。事实证明，我不确定在 google 中使用哪些术语进行搜索，而我使用的那些没有发现任何非常简单或直接的内容。我想知道如何为视频创建一个 blob url 以及最好的方法是什么，因为我已经看到了使用 FileReader 和 MediaSource 以及其他一些主题的主题，所以我想知道最简单的方法。

我在直接 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;
};

标签： javascriptvideoblob