H5录音及保存到后台recorder.js实现

插件地址：https://github.com/xiangyuecn/Recorder

测试地址：https://xiangyuecn.github.io/Recorder/

1.先进入测试地址测试浏览器是否可以进行录音

2.下载插件 在html页面引入src目录下的recorder-core.js、mp3.js、mp3-engine.js

html页面创建好标签触发事件例如onclick事件

<script>

//先初始化recorder插件

 set={
        type:mp3
        ,bitRate:16
        ,sampleRate:16000
        ,bufferSize:8192
        
    };

var rec=Recorder(set);

//点击可调用open打开录音 open方法具有检测浏览器是否支持录音、询问获取浏览器录音权限等操作（本地测试注意不能用内网IP）

   rec.open(function(){

//start打开录音
                rec.start();
              },function(msg){
                    mui.toast("无法录音:"+msg);
              });

//点击停止调用stop事件

 rec.stop(function(blob,duration){
                //var res=URL.createObjectURL(blob);
                rec.close();
                 var formData = new FormData();

                file=$("#file")[0].files[0];
                formData.append("file",file); //传给后台

                $.ajax({
                    url: '__URL__/uploadMp3File',
                    type:'POST',
                    cache: false,
                    processData: false,
                    contentType: false,
                    data: formData,
                    success: function(data){

                 }）

            })

</script>