我使用 getUserMedia() 做了一个录音机。并使用 Recorder.js 保存文件
但是输出文件比我想要的要重得多。
4 分钟的录音大约有 40mb。而且我无法将其发送到我的服务器。如果是这样,它会崩溃。
所以,我搜索了如何减少录制kbps。但我什么也没找到。只是一些 Flash 解决方案。但这些不适合我的项目。
所以,我的问题是,可以使用 getUserMedia() 减少音频记录的 kbps 吗?
我使用 getUserMedia() 做了一个录音机。并使用 Recorder.js 保存文件
但是输出文件比我想要的要重得多。
4 分钟的录音大约有 40mb。而且我无法将其发送到我的服务器。如果是这样,它会崩溃。
所以,我搜索了如何减少录制kbps。但我什么也没找到。只是一些 Flash 解决方案。但这些不适合我的项目。
所以,我的问题是,可以使用 getUserMedia() 减少音频记录的 kbps 吗?
在我的例子中,Chrome 以 96kHz 录制音频,Firefox 以 44.1kHz 录制音频,这会产生巨大的WAV文件。我在 recorderWorker.js 中实现了一个下采样功能,您可以在其中选择所需的采样率,例如 16000。
function downsampleBuffer(buffer, rate) {
if (rate == sampleRate) {
return buffer;
}
if (rate > sampleRate) {
throw "downsampling rate show be smaller than original sample rate";
}
var sampleRateRatio = sampleRate / rate;
var newLength = Math.round(buffer.length / sampleRateRatio);
var result = new Float32Array(newLength);
var offsetResult = 0;
var offsetBuffer = 0;
while (offsetResult < result.length) {
var nextOffsetBuffer = Math.round((offsetResult + 1) * sampleRateRatio);
var accum = 0, count = 0;
for (var i = offsetBuffer; i < nextOffsetBuffer && i < buffer.length; i++) {
accum += buffer[i];
count++;
}
result[offsetResult] = accum / count;
offsetResult++;
offsetBuffer = nextOffsetBuffer;
}
return result;
}
我在导出 wav 文件时调用它:
function exportWAV(rate, type) {
var bufferL = mergeBuffers(recBuffersL, recLength);
var bufferR = mergeBuffers(recBuffersR, recLength);
var interleaved = interleave(bufferL, bufferR);
var downsampledBuffer = downsampleBuffer(interleaved, rate);
var dataview = encodeWAV(rate, downsampledBuffer, false);
var audioBlob = new Blob([ dataview ], {
type : type
});
this.postMessage(audioBlob);
}
你有几个选择。
首先,对于较小的尺寸缩减,您始终可以修改 RecorderJS 中的 recorderWorker.js 文件以使用较低的采样率和位深度。这需要一些关于数字音频如何工作的知识,以及使用类型数组的一定程度的舒适度——但应该不会太难。如果你沿着这条路走,这个页面对 WAVE 格式有一个不错的解释。减少位深度应该是相当直接的。下采样可能会更复杂一些,但通过一些研究应该仍然是可行的。一旦获得了所需的位深度和采样率,更改 RecorderJSencodeWAV
函数中的标头应该非常简单。
另一种选择是转换为有损格式(例如 MP3)。这是我现在知道的唯一一个可以做到这一点的图书馆,尽管可能还有更多。我实际上并没有使用过它,并且听说它有点慢 - 但如果它有问题,你可能可以在 web worker 中运行它。
在四月/五月的这个问题中很好地解释了在 recorderWorker.js 中下采样的方法:Decrease bitrate on WAV file created with recorderjs。