im ok

components/GoEasyAudioPlayer/goEasyAudioPlayer.js

@@ -0,0 +1,63 @@
+Component({
+	options: {
+		addGlobalClass: true,
+	},
+	properties: {
+		src: {
+			type: String,
+			value: ""
+		},
+		duration: {
+			type: Number,
+			value: 0
+		}
+	},
+	data: {
+		width: "",
+		play: false,
+		finalDuration: "",
+		audioContext: null
+	},
+	methods: {
+		playAudio() {
+			// 播放时才创建audioContext,播放完毕销毁
+			var self = this;
+			this.setData({
+				audioContext: wx.createInnerAudioContext()
+			});
+			this.data.audioContext.src = this.data.src;
+			this.switchAudioState();
+			setTimeout(() => {
+				self.switchAudioState();
+				self.data.audioContext.destroy();
+			}, self.data.finalDuration*1000);
+
+			this.data.audioContext.play();
+			this.data.audioContext.onPlay(()=>{
+				console.log("正在播放......");
+			});
+			this.data.audioContext.onError((res) => {
+				console.log("audio error:",res)
+			});
+		},
+		switchAudioState(){
+			this.setData({
+				play: !this.data.play
+			});
+		},
+	},
+	attached: function() {
+		// 在组件实例进入页面节点树时执行
+		this.setData({
+			width: Math.ceil(this.data.duration)*7+80,
+			finalDuration: Math.ceil(this.data.duration),
+		});
+	},
+	detached: function() {
+		// 在组件实例被从页面节点树移除时执行
+		// 语音还在播放时退出该界面时audioContext还没有被销毁，因此调用该方法清空audioContext
+		if(this.data.audioContext != null){
+			this.data.audioContext.destroy();
+		}
+	},
+})