准备做一个网页版聊天界面，表情啊、图片啊、上传文件啊都应该要有，视频就算了，语音还是要的。

本文记录的是在网页上用GitHub上的进行在线录音和上传到服务器，前几天升了一下级，以后有时间再专门写一篇记录。

本示例代码支持、、中使用，如果用可增加对的支持。

看万遍代码不如行动一遍，新建一个html文件，把下面三段代码复制到文件内，双击浏览器打开就能进行测试。

上传服务器代码

立即播放代码

GitHub地址：https://github.com/xiangyuecn/Recorder

在线测试: 点此测试

用于html5录音，为一个纯粹的js库，支持大部分已实现的、，包括(、)。

录音默认输出，另外可选（此格式录音文件超大）；有限支持、、格式；支持任意格式扩展（前提有相应编码器）。

小巧：如果对录音文件大小没有特别要求，可以仅仅使用+，源码不足300行，压缩后的不足4kb。使用编码，压缩后的开启后54kb。

由于上只有支持，其他浏览器均不支持H5录音，因此额外针对对进行了进一步的兼容封装，升级成了，用于支持微信（含、），另外对也提供了更加优秀的支持。

由于需要微信公众(订阅)号提供录音支持，所以开发难度会大些，但支持的环境更多。拿来就能用，具体使用哪个请参考下表：

* 可到github中查阅源码，在目录中。