开发的时候遇到的问题,有三段音频,需要按照一定的顺序进行播放。原理的话就是监听Audio对象的ended事件,触发时更换播放资源,然后播放,下面是代码:
export const playWithOrder = (playArr) => {
if(playArr.length === 0) return;
// 创建Audio对象 设置对象属性
const audio = new Audio();
audio.preload = true;
audio.controls = true;
audio.src = playArr.shift();
// 开始播放第一个
const promise = audio.play();
promise.catch(err => {
console.log('播放失败,请重试');
})
// 监听播放完成事件
audio.onended = () => {
if (playArr.length === 0) {
return;
}else {
audio.src=playArr.shift();
const promise = audio.play();
promise.catch(err => {
console.log('播放失败,请重试');
})
}
}
}
这个是根据项目代码去除了业务处理部分后的代码,能不能用还没测试,不过整体的思路已经展现出来了,希望对各位有所帮助O(∩_∩)O