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

以你之姓@ 2023-08-17 16:13 96阅读 0赞

## 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，96人围观）

还没有评论，来说两句吧...

相关阅读

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

uni-app 语音createInnerAudioContext 对象无法销毁还闪退！！！今天打包发现语音无法播放了，于是找了下原因，记得这个问题已经处理过了，所

以你之姓@/ 2023年08月17日 16:13/ 0 赞/ 97 阅读

相关微信小程序innerAudioContext本地音频播放

微信小程序innerAudioContext本地音频播放文件路径不支持相对路径 innerAudioContext.src = '../images/test.mp3' 应

一时失言乱红尘/ 2023年07月09日 03:24/ 0 赞/ 3 阅读

相关 html audio解决浏览器无法播放问题

本人在开发后台的时候顺便写前台界面需要做播放录音的时候使用html的audio进行播放录音 <audio src="${mediaPath}" controls>

电玩女神/ 2023年02月21日 14:14/ 0 赞/ 2 阅读

相关 js文字转语音并播放

这里调用的是百度文字转语音开放API html： <div> <input type="text" id="ttsText"> <i

骑猪看日落/ 2022年12月18日 07:59/ 0 赞/ 221 阅读

相关 uniapp 播放音频

//../../static/image/login_bg.png console.log("=====testClick=====");

古城微笑少年丶/ 2022年12月06日 01:11/ 0 赞/ 237 阅读

相关 java播放语音

[使用JAVA实现语音朗读一段文本][JAVA] 需要做的工作： 1、下载 jacob-1.17-M2 或 jacob-1.18 (下载jar包，链接：https:/

╰半橙微兮°/ 2022年11月29日 13:10/ 0 赞/ 215 阅读

相关 uniapp实现语音播放功能

需求点 1. 语音播放不跟随系统铃声模式。 2. 语音播放支持扬声器/听筒播放。 3. 扬声器模式下播放检测到距离接近需要息屏（防误触）并实时转换为听筒播放，距离远

刺骨的言语ヽ痛彻心扉/ 2022年09月09日 09:27/ 0 赞/ 433 阅读

相关 angularjs解决播放语音出错的问题

> 首先是看了github上的这个[https://github.com/angular/angular.js/issues/1352][https_github.com_an

女爷i/ 2022年07月14日 04:51/ 0 赞/ 184 阅读

相关解决ios audio无法自动播放、循环播放的问题

// music自动播放 var music = document.getElementById('bgm');

电玩女神/ 2022年05月31日 14:48/ 0 赞/ 266 阅读

相关小程序API使用问题之InnerAudioContext

1，音频InnerAudioContext设置src问题，多次为src设置不一样的值，进行播放，当src设置为空，播放的时候就会延用之前设置的src播放，处理方法是为空的src

谁践踏了优雅/ 2022年03月21日 02:54/ 0 赞/ 389 阅读