html音频base64编码,录音文件与Base64编码相互转换的方法

前言

最近有几个朋友一直在问语音文件怎么转base64字符串进行发送上传，base64字符串又如何转成文件，论坛中已经有多篇问题的帖子有介绍，这里只是稍微整理，方便大家可以更加方便的使用，首先看效果：

录音文件转成base64字符串

hello mui 演示app中im-chat.html有演示案例，通过hold和release控制录音的长度，即长按按钮开始录音，释放就停止录音，上拉取消发送录音。

html部分：

id="recorder"type="button"class="mui-btn mui-btn-blue mui-btn-block">录制语音文件转base64字符串

js部分：

mui.init中首先需要配置手势事件：

mui.init({gestureConfig:{tap:true,//默认为truedoubletap:true,//默认为falselongtap:true,//默认为falseswipe:true,//默认为truedrag:true,//默认为truehold:true,//默认为false，不监听release:true//默认为false，不监听}});

录音逻辑控制，按住按钮弹出录音提示框，并且对录音时长进行控制，录音时间太短取消操作，手指上划&