得益于 WebRTC 的标准化推进，今年越来越多的浏览器已经能够进行 H5 录音。

去年折腾的要死的各种国产套壳浏览器今年已经有了非常大的改善，包括折腾到吐的 iOS 也已经不那么傲娇了终于放开了 App 里面的限制，基本上只要升级了浏览器或系统就能使用 H5 的录音功能。

开源库： https://github.com/xiangyuecn/Recorder

测试： https://xiangyuecn.gitee.io/recorder/

这个库是很久以前写的一个网页版录音插件，经过几年的优化更新、功能添加，现在算是一个比较完整好用的 H5 录音开源解决方案了。

---

目前已经提供了：mp3 、wav 、pcm 、ogg 、webm 、amr 录音格式的支持，当前最新的 wav 格式录音的 js min 文件 9.73kb，小巧精致，mp3 的 js 文件 153kb （理论上只要能提供编码器，任何音频格式都能很方便的进行扩展支持）

库里面带有丰富的扩展功能插件，包括好几个音频可视化插件、变速变调处理、还带了一个 DTMF 编码解码插件。

支持实时处理，可以做到边录音边处理、边录音边上传；除了可以实时处理麦克风录制的音频流外，其他的音频流均能处理，包括但不限于：getUserMedia 返回的流、WebRTC 中的 remote 流、audio 、video 标签的 captureStream 方法返回的流、自己创建的流 等等；另外提供了对音频数据的实时播放功能。

---

在线测试>>

编写代码运行>>

很感兴趣，已 star
试了一下，貌似捕获设备只能是 microphone, 不能是 loopback 类型设备？

只要是音频设备，是可以选择使用从哪个音频设备进行录制的（在线测试页面底下有一个切 [换麦克风] 的选项）；或者是任意音频数据，只要能转换成 MediaStream，就能进行录制

这个项目只有几十 star 的时候我点了 star，好几年了还在更新

感谢支持