uniapp 재생 소리 오류 문제 해결 방법
- 藏色散人원래의
- 2021-02-03 11:47:436257검색
uniapp 사운드 재생 오류 해결 방법: 1. 해당 코드 파일을 연 다음 개체 재생 메서드를 직접 실행하여 원래 src 경로를 대체합니다. 2. 개발 도구 버전을 업데이트합니다.
이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, DELL G3 컴퓨터.
uni-app 음성 파일 재생 문제, innerAudioContext를 삭제할 수 없습니다! ! !
uni-app voice createInnerAudioContext 개체를 삭제할 수 없고 충돌이 발생합니다! ! !
오늘 패키징할 때 음성이 재생되지 않는 걸 발견해서 원인을 찾아보니 이 문제가 해결된 기억이 나서 빨리 문제를 찾아 잘못된 프로젝트를 사용하고 있었습니다. 포장입니다. 이 오류는 정말 용서할 수 없습니다.
오늘 음성이 재생되지 않는 오류를 녹화합니다. 음성 재생은 내장된 uni.createInnerAudioContext();를 사용하여 생성됩니다. 재생 시 오류가 보고되고 충돌이 발생합니다.
코드를 게시하세요. 제가 작성한 방법입니다. 현재 메서드가 호출되면 코드를 직접 붙여넣으세요. 직접 복사하지 마세요.
<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>위의 두 줄의 코드가 보이면, 이를 파괴하지 말고, 객체 재생 메소드를 직접 실행하세요. 이 방법은 기본적으로 원본 src 경로를 대체하고 직접 재생할 수 있는 개체를 사용합니다.
또 다른 이유는 개발 도구의 버전이 너무 오래되었기 때문입니다. 주로 이 버전 때문입니다. 프로세스, 문제가 적습니다.
다음 코드를 복사할 수 있습니다
<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>권장: "uniapp tutorial"
위 내용은 uniapp 재생 소리 오류 문제 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：uniapp에서 제목을 설정하는 방법다음 기사：uniapp에서 제목을 설정하는 방법