h5打开麦克风权限录音_微信H5录音实现

HTML5原生是提供了音频录音的支持的，用到的是这个API--getUserMedia，然而……感人的是，iOS Safari & Safari 直接不支持，面对着庞大的水果系用户，这个方案显然行不通。值得庆幸的是微信的JSSDK提供了音频接口的支持，所以要在微信的H5页面中实现录音等功能，直接使用微信的API即可，兼容性也是妥妥的。下面说说在微信中使用录音接口的具体实现和其中的一些坑。

前提

用过微信JSSDK的童鞋都应该知道，使用它需要先在公众号上绑定安全域名、并且实现权限验证逻辑，具体细节可以参阅官方文档。做好了上述准备工作，在我们的页面中引入SDK的js，并且部署到安全域名下，即可调用API。

接口列表

开始录音接口

wx.startRecord();

停止录音接口

wx.stopRecord({

success: function (res) {

var localId = res.localId;

}

});

监听录音自动停止接口

wx.onVoiceRecordEnd({

// 录音时间超过一分钟没有停止的时候会执行 complete 回调

complete: function (res) {

var localId = res.localId;

}

});

播放语音接口

wx.playVoice({

localId: '' // 需要播放的音频的本地ID，由stopRecord接口获得

<