Question

我有这段代码，最终将约束传递给getUserMedia。

function captureUserMedia(callback) {
$('#videoSource').css('display', 'none');
var videoSource = videoSelect.value;
var constraints = null;

constraints = {
    video: {

        optional: [{
            sourceId: videoSource
        }]
    },
    audio: false
}


var htmlElement = document.getElementById('rtcvideo');
htmlElement.setAttribute('autoplay', true);
htmlElement.setAttribute('controls', true);

var mediaConfig = {
    video: htmlElement,
    onsuccess: function(stream) {
        config.attachStream = stream;
        callback && callback();
        htmlElement.setAttribute('muted', true);
        rotateInCircle(htmlElement);
    },


    onerror: function() {
        alert('unable to get access to your webcam');
    }
};
if (constraints) mediaConfig.constraints = constraints;
getUserMedia(mediaConfig);
streamAttached = true;
}

我已经尝试了很多东西让它发挥作用，而困难可能在于我发现难以理解的回调。我怎样才能更改这段代码以便它能够正常工作？我试图将getUsermedia放在导航器之前，但它需要3个参数，其中两个是成功和错误回调。我可以在mediaconfig var中看到onerror和onsucces calbacks。有人可以看一下吗？

更新

我刚看到getUserMedia是附加的RTCPeerConnection-v1.5.js文件中定义的函数：

function getUserMedia(options) {
var n = navigator,
    media;
n.getMedia = n.webkitGetUserMedia || n.mozGetUserMedia;
n.getMedia(options.constraints || {
        audio: true,
        video: video_constraints
    }, streaming, options.onerror || function(e) {
        console.error(e);
    });

function streaming(stream) {
    var video = options.video;
    if (video) {
        video[moz ? 'mozSrcObject' : 'src'] = moz ? stream : window.URL.createObjectURL(stream);
        video.play();
    }
    options.onsuccess && options.onsuccess(stream);
    media = stream;
}

return media;
}

Answer 1

我假设你有更多的代码。（videoSelect.value不适用于videoSelect undefined）

如果选中the spec，则约束和回调是3个单独的参数。它应该看起来像：

getUserMedia(mediaConfig.constraints, mediaConfig.onsuccess, mediaConfig.onerror);

我希望有所帮助。

Temasys如何改变现有代码

1 个答案: