如何解决uniapp播放声音出错问题

137 阅读 0 评论 91 点赞

我是靠谱客的博主积极大门，最近开发中收集的这篇文章主要介绍如何解决uniapp播放声音出错问题，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、uni-app2.5.1版本，DELL G3电脑。

uni-app 语音文件播放问题，innerAudioContext 无法销毁！！！

uni-app 语音createInnerAudioContext 对象无法销毁还闪退！！！

今天打包发现语音无法播放了，于是找了下原因，记得这个问题已经处理过了，所以很快的找到了问题，项目用错了，用的原来的进行打包，这个错误真的是不可原谅。

特此今天记录一下语音无法播放的错误。语音播放用的内置的 uni.createInnerAudioContext(); 来创建的，播放就报错，还闪退。

贴下代码，我是这么写的。当调取到当前的方法，直接就将代码贴上吭，这是错误的，可别直接复制，兄dei。

<script>
	const  innerAudioContext = uni.createInnerAudioContext();data() {
			return {```};
		},
		methods: {
		hechengAudio(audioPram) {
				// innerAudioContext.stop();
				var dd = audioPram.replace(/</?.+?>/g, "");
				audioPram = dd.replace(/ /g, ""); //dds为得到后的内容

				if (audioPram != this.startAudio) {
					this.startPage = false;
				}
				var url = this.getMp3 + 'cuid=' + uni.getSystemInfoSync().version + '&lan=zh&ctp=1&tok=' + this.$token() +
					'&tex=' +
					audioPram + '&vol=5&per=0&spd=6&pit=5&aue=3';
				// console.log(JSON.stringify(resSave));
				console.log(url);
				// #ifdef APP-PLUS


				// 下面这两句是重点， 拿本本记下..............
				 if (innerAudioContext != undefined) {
				 	innerAudioContext.stop();
				 }
				 innerAudioContext = uni.createInnerAudioContext();
				// 上面这两句是重点， 拿本本记下..............


			 this.pageValue = this.value; 
				console.log('src是空的吗 -----------' + url)
				innerAudioContext.stop();
				innerAudioContext.src = url;
				innerAudioContext.play();// 				if (url != '') {// 					innerAudioContext.play();// 				} else {// 					console.log('src是空的吗 -----------' + url)// 					uni.showToast({// 						title: 'src是空的 不能执行',// 						mask: true,// 						duration: 2000,// 						icon: "none"// 					});// // 					return// 				}
				innerAudioContext.onPlay(() => {
					console.log('开始播放')
				})
				innerAudioContext.onStop(() => {
					console.log('i am onStop')
					//播放停止，销毁该实例
					// innerAudioContext.stop()
				})
				innerAudioContext.onEnded(() => {
					console.log('i am onEnded')
					//播放结束，销毁该实例
					// innerAudioContext.stop()
					console.log('已执行destory()')
				})
				innerAudioContext.onError((res) => {
					console.log(result.errMsg)
					console.log(result.errCode)
					// innerAudioContext.stop()
				})
				// #endif
				// #ifdef MP-WEIXIN
				var that = this;
				uni.downloadFile({
					url: url,
					success(res) {
						if (innerAudioContext != undefined) {
							innerAudioContext.stop();
						}
						innerAudioContext = uni.createInnerAudioContext();
						that.pageValue = that.value;
						innerAudioContext.src = res.tempFilePath;
						innerAudioContext.play();
						innerAudioContext.onPlay(() => {
							console.log('开始播放')
						})
						innerAudioContext.onStop(() => {
							console.log('i am onStop')
							innerAudioContext.stop()
							//播放停止，销毁该实例
							innerAudioContext.stop()


						})
						innerAudioContext.onEnded(() => {
							console.log('i am onEnded')
							//播放结束，销毁该实例
							innerAudioContext.stop()
							console.log('已执行destory()')
						})
						innerAudioContext.onError((res) => {
							console.log(result.errMsg)
							console.log(result.errCode)
							innerAudioContext.stop()
						})
					}
				})
				// #endif


			},

		}，			}</script>
登录后复制

看到上面的两行代码，记住千万不要销毁了，直接执行对象play 方法就好。这样用的都是用一个对象，他这样会默认替换原来的src 路径，可以直接播放.

还有一个原因是，开发工具版本太老，我现在版本是 1.6.2 ，主要是这个版本流程，问题少。

下面代码可以复制

<script>
	const  innerAudioContext = uni.createInnerAudioContext();data() {
			return {```};
		},
		methods: {
		hechengAudio(audioPram) {
				// innerAudioContext.stop();
				var dd = audioPram.replace(/</?.+?>/g, "");
				audioPram = dd.replace(/ /g, ""); //dds为得到后的内容

				if (audioPram != this.startAudio) {
					this.startPage = false;
				}
				var url = this.getMp3 + 'cuid=' + uni.getSystemInfoSync().version + '&lan=zh&ctp=1&tok=' + this.$token() +
					'&tex=' +
					audioPram + '&vol=5&per=0&spd=6&pit=5&aue=3';
				// console.log(JSON.stringify(resSave));
				console.log(url);
				// #ifdef APP-PLUS
			 this.pageValue = this.value; 
				console.log('src是空的吗 -----------' + url)
				innerAudioContext.stop();
				innerAudioContext.src = url;
				innerAudioContext.play();
				innerAudioContext.onPlay(() => {
					console.log('开始播放')
				})
				innerAudioContext.onStop(() => {
					console.log('i am onStop')
					//播放停止，销毁该实例
					// innerAudioContext.stop()
				})
				innerAudioContext.onEnded(() => {
					console.log('i am onEnded')
					//播放结束，销毁该实例
					// innerAudioContext.stop()
					console.log('已执行destory()')
				})
				innerAudioContext.onError((res) => {
					console.log(result.errMsg)
					console.log(result.errCode)
					// innerAudioContext.stop()
				})
				// #endif
				// #ifdef MP-WEIXIN
				var that = this;
				uni.downloadFile({
					url: url,
					success(res) {
						if (innerAudioContext != undefined) {
							innerAudioContext.stop();
						}
						innerAudioContext = uni.createInnerAudioContext();
						that.pageValue = that.value;
						innerAudioContext.src = res.tempFilePath;
						innerAudioContext.play();
						innerAudioContext.onPlay(() => {
							console.log('开始播放')
						})
						innerAudioContext.onStop(() => {
							console.log('i am onStop')
							innerAudioContext.stop()
							//播放停止，销毁该实例
							innerAudioContext.stop()


						})
						innerAudioContext.onEnded(() => {
							console.log('i am onEnded')
							//播放结束，销毁该实例
							innerAudioContext.stop()
							console.log('已执行destory()')
						})
						innerAudioContext.onError((res) => {
							console.log(result.errMsg)
							console.log(result.errCode)
							innerAudioContext.stop()
						})
					}
				})
				// #endif


			},

		}，			}</script>
登录后复制