uniapp简单版语音播放
mounted() {this.ScanAudio('http://118.178.137.235:88/ipoker.mp3', 3); // 开始播放音频},ScanAudio(url, count) {// 递归终止条件：当循环次数小于等于 0 时，停止递归if (count <= 0) return;// 创建内部音频上下文对象var music = uni.createInnerAudioContext();// 设置音频资源链接music.src = url;// 开始播放音频music.play();// 监听音频播放结束事件music.onEnded(() => {// 销毁音频上下文对象，以释放资源music.destroy();// 在音频播放结束后，延迟一定时间后重新调用 ScanAudio 函数进行循环播放setTimeout(() => {// 递减循环次数，继续下一次播放循环this.ScanAudio(url, count - 1);}, music.duration * 1000); // 延迟时间等于音频时长乘以 1000 毫秒});
}
说明
-
当调用
ScanAudio(url, count)时，它首先检查循环次数count是否小于等于 0。如果是，表示递归终止条件已满足，停止递归。 -
如果循环次数不小于等于 0，函数会创建一个内部音频上下文对象
music，然后设置该音频的资源链接为提供的url。 -
调用
music.play()开始播放音频。 -
监听
music.onEnded事件，当音频播放结束时触发。在此事件处理程序中，会先销毁音频上下文对象以释放资源，然后根据音频的时长乘以 1000 毫秒（即延迟一段时间）重新调用ScanAudio函数，实现循环播放。循环次数减少 1，从而控制循环次数。
后端传给多个语音如何播放
<template><view class="content">1212</view>
</template><script>
export default {data() {return {};},mounted() {const audioUrls = ['http://118.178.137.235:88/ipoker.mp3', 'http://118.178.137.235:88/ipoker.mp3', 'http://118.178.137.235:88/ipoker.mp3'];// 开始按顺序播放音频this.playSequentialAudioWithFixedDelay(audioUrls, 0, 3);},methods: {playSequentialAudioWithFixedDelay(urls, currentIndex, delayInSeconds) {if (currentIndex >= urls.length) {return;}const music = uni.createInnerAudioContext();music.src = urls[currentIndex];music.play();music.onEnded(() => {music.destroy();setTimeout(() => {this.playSequentialAudioWithFixedDelay(urls, currentIndex + 1, delayInSeconds);}, delayInSeconds * 1000);});}}
};
</script><style>
/* 样式省略 */
</style>