浏览器录音实践与踩坑

之前做某个语音留言互动的需求时用到了浏览器录音相关功能,当时查了相关的资料,后续实际开发中也遇到了一些坑。 本次就web端实现语音录制的原理及一些踩坑记录做一个分享。 MediaRecorder MediaRecorder在原生app开发中,是一个应用广泛的api,用于在app内录制音频和视频。 随着web侧的应用越逐渐富媒体化,w3c也制定了相应的web标准,称为MediaRecorder API,它给我们的web页面赋予了录制音视频的能力,使得web可以脱离服务器、客户端的辅助,独立进行媒体流的录制。 该API由官方推出,对前端开发者友好,并且支持标准编码,直接返回媒体流数据,可以注入video/audio标签或者直接打包成文件。 基本API如下: MediaRecorder.start() 开始录制媒体 »