reactjs中的视频录制问题

我已经使用MediaDevices.getUserMedia（）在reactjs中实现了视频录制功能，但音频质量不好，系统在非常烦人的背景下产生了大量恼人的声音。 链接：

---

}

请添加您的代码示例。请添加最小可复制代码，这样有助于发现问题。此外，请描述您的麦克风设置。您是否使用笔记本电脑的内置麦克风？你是在一个有很多人谈话的房间里录音，还是在机器（a/c）的声音中录音？请将您的问题提供给我们更多信息，以便我们能够帮助您。

startVideos = async () => {

stopCountdown = false;
this.setState({
    open: true
});
var constraints = {
    audio: {
        sampleRate: 44800,
        channelCount: 2,
        volume: 0.2,
        autoGainControl: false,
        echoCancellation: false,
        noiseSuppression: false,
        googleAutoGainControl: false,
        sampleSize: 16


    },
    video: {
        facingMode: "environment"
    }
}


navigator.mediaDevices.getUserMedia = navigator.mediaDevices.getUserMedia ||
    navigator.mediaDevices.webkitGetUserMedia ||
    navigator.mediaDevices.mozGetUserMedia;
if (navigator.mediaDevices.getUserMedia) {
    const stream = await navigator.mediaDevices.getUserMedia(constraints);
    // show it to user
    vid = stream;

    this.video.srcObject = stream;
    this.video.volume = 0.1;
    // var vid_volume = document.getElementById("myVideo");
    console.log('vid_volume')
    //  console.log(vid_volume)
    console.log('vid_volume')
    //this.video.volumeObject = 0.2;
    this.video.play();

    // init recording
    this.mediaRecorder = new MediaRecorder(stream, {
        mimeType: videoType,
    });
    // init data storage for video chunks
    this.chunks = [];
    // listen for data from media recorder
    this.mediaRecorder.ondataavailable = e => {
        if (e.data && e.data.size > 0) {
            this.chunks.push(e.data);
        }
    };
    this.render();
} else {
    console.log("getUserMedia not supported");
}