javascript - 从 URL.createObjectUrl(mediastream) 获取的 Blob Url 返回 HTTP 404

Question

我正在尝试将 MediaStream 对象放入 blob，但我遇到了一些问题。

这是我的UserMedia组件脚本的一部分：

var mediastream = undefined;
var blob = undefined;
var video = document.getElementById('test');

这是我正在尝试测试的脚本：

var mediastream = undefined;
var blobUrl = undefined;
var video = document.getElementById('test');
function successCallback (stream) {

    mediastream = stream;
    blobUrl = URL.createObjectURL(mediastream);

    var xhr = new XMLHttpRequest();
    xhr.open('GET', blobUrl, true);
    xhr.responseType = 'arraybuffer';
    xhr.withCredentials = true;
    xhr.onreadystatechange = function () {
    console.log('xhr.readyState='+xhr.readyState);
    if (xhr.readyState !== 4) {
        return;
    } else {
        var myBlob = this.response;
    }

function errorCallback (stream) {
    console.log('error');
}

将 blobUrl 设置为 video.src 我没有任何问题： video.src = blobUrl; <- WORKS

但是，如果我调用 urlBob url（比如这个：），blob:http%3A//localhost%3A8080/b1ffa5b7-c0cc-4acf-8890-f5d0f08de9cb我会获得 HTTP 状态 404。

我的实现肯定有问题。有什么建议么？

谢谢！