第微信小程序?qū)崿F(xiàn)錄音與音頻播放功能通過recorderManager.wxml中的5個按鈕來調(diào)用RecorderManager錄音管理器的錄音、暫停、繼續(xù)錄音、停止錄音和播放錄音功能。在錄制好音頻之后也可以上傳到服務(wù)器，本例只是把錄制好的音頻存放在手機(jī)臨時目錄，然后用來播放。

這個功能不好再文章中展示，暫時不加視頻了，直到原理就行。

2、音頻播放控制

wx.createAudioContext()接口和wx.createInnerAudioContext接口包含了大多數(shù)音頻控制功能。這里主要介紹wx.createAudioContext()接口。wx.createAudioContext()是以組件audio為基礎(chǔ)的操作。

AudioContext實(shí)例對象可通過wx.createAudioContext接口獲取，它通過id跟一個audio組件綁定，操作對應(yīng)的audio組件。AudioContext對象常用的函數(shù)如下所示。

接口功能和用途AudioContext.setSrc(stringsrc)設(shè)置音頻地址AudioContext.play()播放音頻。AudioContext.pause()暫停音頻。AudioContext.seek(numberposition)跳轉(zhuǎn)到指定位置(單位，s)。

2.1案例

本例通過wx.createAudioContext()接口湖區(qū)AudioContext實(shí)例，然后調(diào)用播放和暫停功能，最后用slider組件來定位播放位置。

AudioContext.wxml:

audioposter="{{poster}}"name="{{name}}"author="{{author}}"src="{{src}}"id="myAudio"controlsloop/audio

sliderbindchange='change'min="0"max="160"value="{{time}}"color="blue"selected-color="red"show-value="true"/slider

buttontype="primary"size="mini"bindtap="audioPlay"播放/button

buttontype="primary"size="mini"bindtap="audioPause"暫停/button

AudioContext.js:

Page({

onReady:function(e){

//使用wx.createAudioContext獲取audio上下文context

this.audioCtx=wx.createAudioContext('myAudio')

data:{

time:0,

poster:'/music/photo_new/T002R300x300M000002Neh8l0uciQZ_1.jpgmax_age=2592000',

name:'稻香',

author:'周杰倫',

src:'/RS020643ANK71H36gh.mp3guid=5172738896vkey=0B819C7570AAF78CC43A7C651E2C8C33FC76A07422EA718B9F8CAFD013F1BCF9E2DAF271064E05939716E400CE460A04669DFAC314460BB9uin=1144722582fromtag=66',

audioPlay:function(){

this.audioCtx.play()

audioPause:function(){

this.audioCtx.pause()

audio14:function(){

this.audioCtx.seek(0)

change:function(e){

console.log(e)

this.audioCtx.seek(e.detai