RecordRTC 在没有耳机视频录制的情况下发出噪音

Question

我是 RecordRTC.js 的新手，我有一个简单的应用程序可以录制音频和视频并保存该视频。如果我使用耳机录制视频，这可以正常工作。但是如果我取下耳机并尝试录制视频，那么它会产生一些可怕的噪音。有时会发生，比如如果我刷新页面，它不会发出噪音，但如果我插入耳机并将其取下并按下录制按钮，它就会开始发出噪音。

这是我开始录制的代码。

function captureUserMedia(mediaConstraints, successCallback, errorCallback) {
    navigator.mediaDevices.getUserMedia(mediaConstraints).then(successCallback).catch(errorCallback);
}

function onMediaSuccess(stream) {
    streamMedia = stream;
    var videoPreview = document.getElementById('webrtcVideo');
    var videoFile = !!navigator.mozGetUserMedia ? 'video.gif' : 'video.webm';

    videoPreview.src = window.URL.createObjectURL(stream);
    videoPreview.play();
    recordVideo = RecordRTC(stream, {
        type: 'video'
    });
    recordVideo.startRecording();
}

function onMediaError(e) {
    console.error('media error', e);
}

/**
 * This function will be called from html on click of record button.
 */
function startRecording() {
    captureUserMedia(mediaConstraints, onMediaSuccess, onMediaError);
}

RecordRTC

Answer 1

var mediaConstraints = {
    video: true,
    audio: {
        mandatory: {
          echoCancellation: false,
          googAutoGainControl: false,
          googNoiseSuppression: false,
          googHighpassFilter: false
    },
    optional: [{
          googAudioMirroring: false
    }]
  },
};
function captureUserMedia(mediaConstraints, successCallback,errorCallback) {
  navigator.mediaDevices.getUserMedia(mediaConstraints)
  .then(successCallback)
  .catch(errorCallback);
}