在 JavaScript 的 navigator.mediaDevices.getUserMedia 中设置采样频率

Question

我目前正在尝试在navigator.mediaDevices.getUserMedia内设置采样频率。下面是一个代码片段：

navigator.mediaDevices.getUserMedia({audio: {"sampleRate": {"exact": 8000}}, video: false}).then(handleSuccess).catch(e => console.log(e));
var handleSuccess = function(stream)
{
mediaRecorder = new MediaRecorder(stream);
mediaRecorder.start(1000); // the argument here is the duration of each audio chunk in milliseconds
mediaRecorder.addEventListener
("dataavailable", event => 
{
blob = event.data;
console.log(blob)
}
);
}

我不相信在getUserMedia中设置sampleRate实际上有效，因为当我使用不同的sampleRate值检查 blob 大小时，它永远不会改变。每个 blob 始终在 6000 到 7000 的范围内。

Answer 1

我发现了问题所在。自 2018 年 10 月 6 日起，Firefox 不支持sampleRate约束。它应该在Chrome上得到支持，但它不起作用，我已经为Chromium提交了错误报告：https://bugs.chromium.org/p/chromium/issues/detail?id=889851

如果你需要自己检查一下，Mozilla已经为支持的媒体约束做了一个非常好的演示：https://mdn.mozillademos.org/en-US/docs/Web/API/Media_Streams_API/Constraints$samples/Example_Constraint_exerciser?revision=1411870

您将在顶部看到支持的音频限制。如果您在 Firefox 上输入链接，您将看到sampleRate未在此处列出。在Chrome上，它会列出，但是如果您在"请求的音频限制"输入框中输入{"sampleRate": 8000}并单击"应用限制"，您应该会在"实际音频设置"框中看到采样率不受影响。