步骤一：绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注：登录后可在“开发者中心”查看对应的接口权限。

步骤二：引入JS文件

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js

备注：支持使用 AMD/CMD 标准模块加载方法加载

步骤三：通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。

签名算法见文末的附录1，所有JS接口列表见文末的附录2

步骤四：通过ready接口处理成功验证

步骤五：通过error接口处理失败验证

所有接口通过wx对象(也可使用jWeixin对象)来调用，参数是一个对象，除了每个接口本身需要传的参数之外，还有以下通用参数：

1.success：接口调用成功时执行的回调函数。

2.fail：接口调用失败时执行的回调函数。

3.complete：接口调用完成时执行的回调函数，无论成功或失败都会执行。

4.cancel：用户点击取消时的回调函数，仅部分有用户取消操作的api才会用到。

5.trigger: 监听Menu中的按钮点击时触发的方法，该方法仅支持Menu中的相关接口。

备注：不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回。

以上几个函数都带有一个参数，类型为对象，其中除了每个接口本身返回的数据之外，还有一个通用属性errMsg，其值格式如下：

调用成功时："xxx:ok" ，其中xxx为调用的接口名

用户取消时："xxx:cancel"，其中xxx为调用的接口名

调用失败时：其值为具体错误信息

备注：上传语音有效期3天，可用微信多媒体接口下载语音到自己的服务器，此处获得的 serverId 即 media_id，参考文档 .目前多媒体文件下载接口的频率限制为10000次/天，如需要调高频率，请登录微信公众平台，在开发 - 接口权限的列表中，申请提高临时上限。

下面开始码代码：

voice.js

});

  var voice = { localId: '',   serverId: ''  };//全局变量

 var END;  var START;  //按下开始录音  $('#talk_btn').on('touchstart', function(event){      event.preventDefault();      START = new Date().getTime();      recordTimer = setTimeout(function(){          wx.startRecord({              success: function(){         // mui('#talk_btn').button('loading');                  localStorage.rainAllowRecord = 'true';              },              cancel: function () {                  alert('用户拒绝授权录音');              }          });      },300);

 });

  //松手结束录音  $('#talk_btn').on('touchend', function(event){      event.preventDefault(); //  mui('#talk_btn').button('reset');      END = new Date().getTime();      if((END - START) < 1000){          END = 0;          START = 0;          //小于1000ms，不录音          clearTimeout(recordTimer); mui.toast('录音时长小于1秒不录音',{ duration:'short', type:'div' }) ;  var t=setTimeout(function(){wx.stopRecord()},800);//这里设置800毫秒，是因为如果用户录音之后马上松开按钮，会成 wx.stopRecord不起作用的情况，然后会一直录音，所以时间设置长一点              //clearTimeout(t);      }else{          wx.stopRecord({            success: function (res) {              voice.localId = res.localId;              //$("#vo").val(res.localId);            uploadVoice();            },            fail: function (res) {              alert(JSON.stringify(res));            }          });      }

 });

//上传录音  function uploadVoice(){      //调用微信的上传录音接口把本地录音先上传到微信的服务器      //不过，微信只保留3天，而我们需要长期保存，我们需要把资源从微信服务器下载到自己的服务器      wx.uploadVoice({          localId: voice.localId, // 需要上传的音频的本地ID，由stopRecord接口获得          isShowProgressTips: 1, // 默认为1，显示进度提示          success: function (res) {          voice.serverId = res.serverId;                 /* var uu = /restsh/uploadVoice/" + res.serverId;         $.ajax({//上传到服务器         url : uu,         async : true,         cache : false,         dataType : 'json',         type : 'GET',         data : {},         success : function(req) {         voice.serverId = res.serverId;           $.web.RemoveLoading();         },         error : function(XMLHttpRequest, textStatus, errorThrown) {         $.web.RemoveLoading();         mui.alert("不好意思，出了点小问题","提示","确定");         }         });*/          }      });

 }

            // 4.4 监听录音自动停止  wx.onVoiceRecordEnd({    complete: function (res) {      voice.localId = res.localId;      //uploadVoice();//上传录音到服务器      alert('录音时间已超过一分钟');    }

 });

 document.querySelector('#playVoice').onclick = function () {    if (voice.localId == '') {     alert('请先录制一段声音');      //alert('请先使用 startRecord 接口录制一段声音');      return;    }      wx.playVoice({          localId: voice.localId        });  

 };

           // 暂停播放音频  document.querySelector('#stop_btn').onclick = function () {    mui('#playVoice').button('reset');    wx.pauseVoice({      localId: voice.localId    });  };

  /*使用微信jssdk接口录音，在同一个域只需要授权一次，即第一次使用录音的时候，微信自己会弹出对话框询问是否允许录音，用户点击允许后，之后再使用录音时，便不会再咨询用户是否允许。  在第一次按住录音后，由于用户未曾允许录音，微信会提示用户授权允许在本页面使用微信录音功能，这时用户会放开录音按钮转而去点击允许，在用户允许后，才真正会开始录音，而此时用户早已放开录音按钮，那么录音按钮上便不会再有touchend事件，录音便会一直进行。  解决策略：使用localStorage记录用户是否曾授权，并以此来判断是否需要在刚进入页面是自动录一段录音来触发用户授权*/  if(!localStorage.rainAllowRecord || localStorage.rainAllowRecord !== 'true'){      wx.startRecord({          success: function(){              localStorage.rainAllowRecord = 'true';              setTimeout(function(){                    wx.stopRecord({                        fail:function(res){                            //alert("停止失败");                        },                        success: function (res) {                            var localId = res.localId;                        }                    });                },800);//这里设置800毫秒，是因为如果用户录音之后马上松开按钮，会成 wx.stopRecord不起作用的情况，然后会一直录音，所以时间设置长一点              //clearTimeout(t);          },          cancel: function () {              alert('用户拒绝授权录音');          }      });

 }

wx.error(function (res) {             wx.stopRecord();  alert(res.errMsg); });

以上是前端js，具体业务具体操作

后台代码

ConfigParam.java

WeixinUtil.java  和AccessToken.java

}

/**   * 微信通用接口凭证   *    *   *   */   public class AccessToken {       // 获取到的凭证       private String token;       // 凭证有效时间，单位：秒       private int expiresIn;           private long createTime;        public String getToken() {           return token;       }          public void setToken(String token) {           this.token = token;       }         public int getExpiresIn() {           return expiresIn;       }         public void setExpiresIn(int expiresIn) {           this.expiresIn = expiresIn;       } public long getCreateTime() { return createTime; } public void setCreateTime(long createTime) { this.createTime = createTime; }   } 

uploadVoice

记住，大坑来了，由于从微信服务器下载下来的音频格式是amr格式的，为了实现使用h5标签能够播放，需要转成mp3格式

我是使用ffmpeg进行转换的

使用ffmpeg将amr格式转为mp3格式时需注意：windows系统使用ffmpeg.exe，linux系统使用ffmpeg（去官网下载对应版本http://ffmpeg.org/download.html）

DloadVoicUtil.java

    }  

 //  static {       //   FFMPEG_PATH =DloadImgUtil.class.getResource("ffmpeg").getFile(); //linux使用    //}  

}

   /**       * 将一个amr文件转换成mp3文件       * @param amrFile        * @param mp3File        * @throws IOException        *    -i ：指定输入文件-ar ： 指定sampling rate(采样率)，它的单位是HZ      *  -ac：指定声道，1表示双声道，0表示单声道-ab：指定转换后的比特率 * @throws InterruptedException       */       public static void amr2mp31(String amrFileName, String mp3FileName) throws IOException, InterruptedException {           Runtime runtime = Runtime.getRuntime();           Process process = runtime.exec(FFMPEG_PATH + " -i "+amrFileName+" -ar 8000 -ac 1 -y -ab 12.5k " + mp3FileName); //12.4         InputStream in = process.getErrorStream();           BufferedReader br = new BufferedReader(new InputStreamReader(in));           try {               String line = null;               while((line = br.readLine())!=null) {              //     System.out.println(line);               }               while((line = br.readLine())!=null){                       System.out.println("");                       int exitValue =process.waitFor();                       System.out.println("Process exitValue="+exitValue);               }           } finally {               //为了避免这里抛出的异常会覆盖上面抛出的异常，这里需要用捕获异常。               try {                   in.close();               } catch (Exception e) {                   e.printStackTrace();               }           }       }