在前端去录制麦克风音频，听起来好简单啊，【本文首发于唐霜的博客】本文版权归作者所有，未经授权不得转载。但是后来发现是个大坑。这个问题要分解：

• 麦克风
原创内容，盗版必究。原创内容，盗版必究。【版权所有】唐霜 www.tangshuang.net【作者：唐霜】
• 音频
【转载请注明来源】原创内容，盗版必究。【访问 www.tangshuang.net 获取更多精彩内容】未经授权，禁止复制转载。
• 录制
【访问 www.tangshuang.net 获取更多精彩内容】【转载请注明来源】著作权归作者所有，禁止商业用途转载。

获取麦克风输入比较简单，用webrtc的【关注微信公众号：wwwtangshuangnet】未经授权，禁止复制转载。接口getUserMedia就可以实现了【版权所有】唐霜 www.tangshuang.net【转载请注明来源】，但是怎么录制？getUserMedia未经授权，禁止复制转载。著作权归作者所有，禁止商业用途转载。得到的是stream，stream不是b未经授权，禁止复制转载。【版权所有】唐霜 www.tangshuang.netuffer，也不分chunks，所以你想【访问 www.tangshuang.net 获取更多精彩内容】【原创内容，转载请注明出处】要把stream转换为buffer，没办【本文受版权保护】【未经授权禁止转载】法，必须还得靠高级api。MediaRe转载请注明出处：www.tangshuang.net【本文首发于唐霜的博客】corder本来可以用，但是safari【转载请注明来源】【作者：唐霜】不兼容，内心MMP。录制视频用canva【版权所有】唐霜 www.tangshuang.net【作者：唐霜】s一帧一帧保存起来就行了，但是录制音频…【本文首发于唐霜的博客】未经授权，禁止复制转载。…最后找来找去，AudioContext【本文受版权保护】本文版权归作者所有，未经授权不得转载。这个api可以用，但是safari只有在转载请注明出处：www.tangshuang.net【转载请注明来源】11.2版本之后才支持webkitAud本文作者：唐霜，转载请注明出处。【版权所有，侵权必究】ioContext，所以，只有用这货才能转载请注明出处：www.tangshuang.net本文版权归作者所有，未经授权不得转载。实现。

总结，在支持MediaRecorder的【访问 www.tangshuang.net 获取更多精彩内容】【原创不易，请尊重版权】系统中使用MediaRecorder录制【访问 www.tangshuang.net 获取更多精彩内容】转载请注明出处：www.tangshuang.net，在iOS中，最多兼容到使用webkit【转载请注明来源】【原创内容，转载请注明出处】AudioContext去实现，有一个包【原创不易，请尊重版权】【未经授权禁止转载】可以用，就是audio-recorder-polyf本文版权归作者所有，未经授权不得转载。【原创内容，转载请注明出处】ill，想法真不错，赞一个。