HTML5微信jssdk录音播放语音的方法

最新推荐文章于 2025-10-16 08:19:09 发布

原创

最新推荐文章于 2025-10-16 08:19:09 发布 · 1.3w 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了在HTML5中使用微信jssdk进行录音和播放语音的实现方法，包括处理录音时间限制、上传语音到服务器及后端处理核心代码。需要注意的是，录音必须至少1秒，且不能超过1分钟，否则会出现问题。前端和后端的关键代码已给出。

HTML5微信jssdk录音播放语音的方法
需要注意的2个问题
1 就是一定要判断1秒内 录音都不算 ps:太短不能录音
2 录音超过1分钟 会发现正在录音突然消失 所以要写wx.onVoiceRecordEnd 这个是是1分钟会自动出发 然后写上传数据

前端代码如下
   $('.luyin').on('touchstart',function () {
        wx.startRecord({
            success: function(){
                START = new Date().getTime();
                wx.onVoiceRecordEnd({
                    // 录音时间超过一分钟没有停止的时候会执行 complete 回调
                    complete: function (res) {
                        alert('最多只能录制一分钟');
                        var localId = res.localId;
                        uploadluyin(localId,60000);
                    }
                });
            },
            cancel: function () {
                alert('用户拒绝授权录音');
                return false;
            }
        });

    })
    $('.luyin').on('touchend',function () {
        END = new Date().getTime();
        //录音时间
        luyintime=END - START;
        if(luyintime < 2000){
            END = 0;
            ST