開發的時候遇到的問題,有三段音頻,需要按照一定的順序進行播放。原理的話就是監聽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