微信小程序~wx.createInnerAudioContext的使用

const innerAudioContext = wx.createInnerAudioContext({
  useWebAudioImplement: false // 是否使用 WebAudio 作为底层音频驱动，默认关闭。对于短音频、播放频繁的音频建议开启此选项，开启后将获得更优的性能表现。由于开启此选项后也会带来一定的内存增长，因此对于长音频建议关闭此选项
})
innerAudioContext.src = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46'

innerAudioContext.play() // 播放

innerAudioContext.pause() // 暂停

innerAudioContext.stop() // 停止

innerAudioContext.destroy() // 释放音频资源

let innerAudioContext = null;
Page({
  	data: {
    	list:[]
  	},
	onLoad(){
		innerAudioContext = wx.createInnerAudioContext();
	    innerAudioContext.onPlay((e)=>{//监听播放事件
	    })
	    innerAudioContext.onStop((e)=>{//监听停止事件
	    })
	    innerAudioContext.onPause(()=>{//监听暂停事件
	    })
	},
	click_audio:function(){
		let active = e.currentTarget.dataset.active;
    	let index = e.currentTarget.dataset.index;
    	let sound = e.currentTarget.dataset.sound;
    	let id = e.currentTarget.dataset.id;
    	let list = this.data.list;
    	if(active){
			this.setData({
        		['list['+ index + '].activeAudio']:false,
      		})
      		innerAudioContext.pause();
		}else{
			let newList = [];
      		list.forEach((item) => {
	        if(id == item.id){
	          item.autioOption=true;
	        } else{
	          item.autioOption=false;
	        } 
	        newList.push(item);
	      });
	      this.setData({
	        list:newList
	      });
	      innerAudioContext.src = sound;
	      innerAudioContext.play();
		}
	},
	onUnload(){
		// 页面销毁时执行
		let newList = [];
	    let list = this.data.list;
	    list.forEach((item) => {
	      item.autioOption=false;
	      newList.push(item);
	    });
	    this.setData({
	      list:newList
	    });
	    innerAudioContext.destroy();
	}
})

<view 
	wx:for="{{list}}" 
	wx:key="unique" 
	bindtap="click_audio" 
	data-active = "{{item.autioOption}}" 
	data-sound="{{item.audioUrl}}" 
	data-index="{{index}}" 
	data-id="{{item.id}}">
	//此处基本音频内容样式编写省略.......
</view>