9

我正在尝试在 React Web 应用程序中设置一个录音机来录制一大群人（15 岁以上）的谈话，但似乎无法获得正确的录音质量。我最初尝试通过将以下约束传递给 getUserMedia 来捕获录音：

const constraints = {
  audio: {
    sampleRate: 48000,
    channelCount: 1,
    volume: 1.0,
    echoCancellation: true,
    noiseSuppression: true,
  },
  video: false
}

navigator.mediaDevices.getUserMedia(constraints)
.then( stream => {
  this.processStream(stream);
})

processStream = stream => {
  let options = MediaRecorder.isTypeSupported('audio/webm') ? {
    mimeType: 'audio/webm'
  } : {};

  let recorder = new MediaRecorder(stream, options);

  ...

}

对于大多数录音，录音质量都很好。然而，有时录音会以这种非常糟糕的、失真的、几乎金属声音的质量结束。我一直无法弄清楚如何重现效果（我已经开始捕获用户的浏览器，试图帮助调试这个问题）。

大约一周前，我使用约束 = { audio: true, video: false } 部署了应用程序，但这有时也会产生质量略有失真的录音。到目前为止，没有一个录音像以前的一些录音那么糟糕，但质量仍然不是我们想要的。

今天，我将约束设置为：

const constraints = {
    audio: {
      echoCancellation: false,
      autoGainControl: false,
      noiseCancellation: false
    },
    video: false
}

但我怀疑这将是获得高质量录音的神奇门票，我开始认为也许我应该放弃 MediaRecorder 以换取其他东西。有没有人对 1）问题是什么和 2）我们如何解决它有想法？

谢谢！

4

2 回答 2

5

你永远不应该在约束中设置sampleRate值！getUserMedia这sampleRate是由客户端自动设置的，修改它会导致声音大。例如，您设置的值48000仅与 Google Chrome 兼容。Firefox 和 Edge 使用完全不同的值。

此外，当您将echoCancellation和设置noiseSuppression为时true，这意味着当增益接近 时，麦克风会自行静音0。当这个人开始说话并结束他的句子时，这将导致言语中断。

根据我自己的经验，您应该只将约束设置为audio单独，让浏览器完成其余的工作：

const constraints = {
  audio: true,
  video: false
}
于 2018-03-27T07:15:50.887 回答
0

使用来自 google 的 Adapter.js 库

于 2021-07-28T23:36:04.590 回答