ホームページ > 記事 > ウェブフロントエンド > uniappでサウンド再生エラーが発生する問題を解決する方法
uniappでサウンド再生エラーが発生する問題を解決する方法
- 藏色散人オリジナル
- 2021-02-03 11:47:436338ブラウズ
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>上記の 2 行のコードが表示された場合は、コードを破棄せずに、オブジェクトの再生メソッドを直接実行してください。このメソッドはオブジェクトを使用します。デフォルトで元の src パスが置き換えられ、直接再生できます。もう 1 つの理由は、開発ツールのバージョンが古すぎることです。現在のバージョンは 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>推奨: "uniappチュートリアル"
以上がuniappでサウンド再生エラーが発生する問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：uniappでタイトルを設定する方法次の記事：uniappでタイトルを設定する方法