【已解决】js的MediaRecorder的浏览器支持情况和相关polyfill

折腾：

【已解决】web端html+js中如何调用麦克风获取用户语音输入说话

期间，希望搞清楚：js中MediaRecorder的各个浏览器支持情况

或者说希望至少此处的chrome和safari，以及其他更多的浏览器可以支持，此处audio的麦克风的录音

根据：

Can I use… Support tables for HTML5, CSS3, etc

看来只有Chrome和Firefox支持MediaRecorder

为了支持其他浏览器：

比如Safari也要支持MediaRecorder的话，则可以考虑：

ai/audio-recorder-polyfill: MediaRecorder polyfill to record audio in Edge and Safari

之前看到别的库：

https://github.com/streamproc/MediaStreamRecorder

然后从：

Record Audio and Video with MediaRecorder  |  Web  |  Google Developers

-》

Polyfills：

MediaStreamRecorder Demos

mattdiamond/Recorderjs: A plugin for recording/exporting the output of Web Audio API nodes

2000+ star

对于录音的浏览器的支持，现在整理如下：

• Recorderjs

• https://github.com/mattdiamond/Recorderjs

• 基于：Web Audio API

• MediaStreamRecorder

• https://www.webrtc-experiment.com/msr/

• 基于：MediaRecorder API

• 支持：Chrome, Firefox, Opera and Microsoft Edge，Android browsers，Safari 11（只支持audio）

• demo：https://www.webrtc-experiment.com/msr/

• github：https://github.com/streamproc/MediaStreamRecorder

• audio-recorder-polyfill

• 基于：MediaRecorder API

• 支持：Edge and Safari

• https://github.com/ai/audio-recorder-polyfill

所以很明显是：

基于MediaRecorder的MediaStreamRecorder适合我此处：

希望Chrome和Safari都支持audio的麦克风

本身自己代码就是基于MediaRecorder的

-》即：想要让自己的此处的MediaRecorder代码能在Chrome和Safari中运行，则最好是使用库：

MediaStreamRecorder

转载请注明：在路上 » 【已解决】js的MediaRecorder的浏览器支持情况和相关polyfill