使用getUserMedia对音频进行尖锐的反馈

Question

使用最基本的示例代码首次尝试使用getUserMedia：

<video autoplay></video>

<script>
    var errorCallback = function (e) {
        console.log('Reeeejected!', e);
    };

    navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||   navigator.mozGetUserMedia;

    navigator.webkitGetUserMedia({ video: true, audio: true }, function (localMediaStream) {
        var video = document.querySelector('video');
        video.src = window.URL.createObjectURL(localMediaStream);

    }, errorCallback);
</script>

这导致发言者立即发出尖锐的反馈......

Answer 1

根本原因是您的标签播放麦克风捕捉的声音（在您的扬声器上），从而产生尖锐的反馈。

要解决此问题，请添加如下的静音属性：

如果您为远程流添加了其他视频标记，请记住不要添加此属性。

Answer 2

为您的视频元素添加ID，如：

id="cameraID"

然后将以下内容添加到您的代码中：

document.getElementById("cameraID").muted = true;