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

最新推荐文章于 2021-06-04 14:08:20 发布

「已注销」

最新推荐文章于 2021-06-04 14:08:20 发布

阅读量1.3w

点赞数

本文链接：https://blog.csdn.net/omiracle123/article/details/54408211

版权

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

摘要由CSDN通过智能技术生成

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;