chrome opus 杂音_在Chrome中使用MediaRecorder记录为Ogg

最新推荐文章于 2025-04-13 11:50:20 发布

weixin_39585617

最新推荐文章于 2025-04-13 11:50:20 发布

阅读量429

点赞数

CC 4.0 BY-SA版权

文章标签： chrome opus 杂音

本文链接：https://blog.youkuaiyun.com/weixin_39585617/article/details/111858363

本文介绍了在Chrome浏览器中使用MediaRecorder默认无法直接录制为Ogg格式，特别是Opus编码的杂音问题。提供了一些第三方库作为解决方案，如支持Ogg.Opus、WAV.PCM等格式的录音，并提到了不同库的浏览器兼容性和采样率限制，以及手动编码WAV.PCM格式的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Is there a way we could record ogg format in Chrome while working with MediaRecorder ? I believe, Chrome by default supports WebM. Following is what I do

navigator.mediaDevices.getUserMedia({ audio: true })

.then(stream => {

rec = new MediaRecorder(stream);

rec.ondataavailable = e => {

audioChunks.push(e.data);

if (rec.state == "inactive")

{

let blob = new Blob(audioChunks, { 'type': 'audio/ogg; codecs=opus' });

}

};

})

.catch(e => console.log(e));

解决方案

From the list of supported formats here, it appears it does not.

However, here are some libraries that help you record to alternative formats:

Formats (Container.Codec): Ogg.Opus, WebM.Opus, WAV.PCM

Browsers: Chrome, Firefox, Safari, Edge

Note: Does not let you change the sampling rate for Opus recording from the default of 48000hz. (For example, this means its output can't directly be submitted to DialogFlow, since it requires Opus audio to have a sample rate of 16000hz.)

Formats: Ogg.Opus, WAV.PCM

Browsers: Chrome, Firefox, Safari, Opera, Edge

Formats: FLAC.FLAC

Browsers: (unknown, but probably same as the above)

See the speech-to-flac example for how to use with microphone input.

Formats: Ogg.Vorbis, MP3.MP3, WAV.PCM

Browsers: (unknown, but probably same as the above)

5) Libraries augmenting MediaRecorder with WAV/PCM support

A: https://github.com/muaz-khan/RecordRTC (recorderType: RecordRTC.StereoAudioRecorder)

B: https://github.com/streamproc/MediaStreamRecorder (mimeType: "audio/wav" or "audio/pcm")

6) Manual WAV.PCM encoding

For WAV.PCM, the format is simple enough you don't necessarily need a library. If you prefer a "lower level" approach, you can look through the examples here: https://stackoverflow.com/a/54213814/2441655