微信小程序实现录音与音频播放功能

小程序继承了微信强大的语音处理功能，提供了录音、音频播放控制和背景音乐等功能，它们的功能不同，但有相似性。

1、录音

小程序提供了wx.startRecord(Object object)开始录音、wx.stopRecord()停止录音和RecorderManager录音管理器等接口对录音功能进行控制。因为RecorderManager录音管理器包含前两个接口的功能，所以这里只介绍RecorderManager。

接口功能和用途RecorderManager.resume()继续录音RecorderManager.stop()停止录音RecorderManager.onStart(function callback)监听录音开始事件RecorderManager.onResume(function callback)监听录音继续事件RecorderManager.onPause(function callback)监听录音暂停事件RecorderManager.onStop(function callback)监听录音结束事件RecorderManager.onFrameRecorded(function callback)监听已录制完指定帧大小的文件事件。如果设置了 frameSize，则会回调此事件。RecorderManager.onError(function callback)监听录音错误事件

在使用录音接口时，需要先授权开放录音功能。

1.1 案例

本例使用RecorderManager录音管理器实现录音、暂停、继续录音、停止录音和播放录音等功能。

redorderManager.wxml

redorderManager.js

通过recorderManager.wxml中的5个按钮来调用RecorderManager录音管理器的录音、暂停、继续录音、停止录音和播放录音功能。在录制好音频之后也可以上传到服务器，本例只是把录制好的音频存放在手机临时目录，然后用来播放。

这个功能不好再文章中展示，暂时不加视频了，直到原理就行。

2、音频播放控制

wx.createAudioContext()接口和wx.createInnerAudioContext接口包含了大多数音频控制功能。这里主要介绍wx.createAudioContext()接口。wx.createAudioContext()是以组件<audio>为基础的操作。

AudioContext实例对象可通过wx.createAudioContext接口获取，它通过id跟一个<audio>组件绑定，操作对应的<audio>组件。AudioContext对象常用的函数如下所示。

接口功能和用途AudioContext.setSrc(string src)设置音频地址AudioContext.play()播放音频。AudioContext.pause()暂停音频。AudioContext.seek(number position)跳转到指定位置(单位，s)。

2.1 案例

本例通过wx.createAudioContext()接口湖区AudioContext实例，然后调用播放和暂停功能，最后用slider组件来定位播放位置。

AudioContext.wxml:

AudioContext.js:

点击播放之后，就有一首免费的稻香了。

以上就是微信小