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

时间:2016-01-20 12:00:20

标签: javascript blob mediastream

我试图将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.

我的实施肯定有问题。 有什么建议吗?

谢谢!

0 个答案:

没有答案