Fatal编程技术网

Javascript 逐个播放音频

javascript audio

Javascript 逐个播放音频,javascript,audio,Javascript,Audio,我有一个音频文件列表。如何让他们一个接一个地玩？现在，如果我单击“播放”按钮，它们将一起播放 const audioList = [ 'audio1', 'audio2', 'audio3', 'audio4', 'audio5' ] let button = document.querySelector('#btnPlay').addEventListener('click', e=>{ audioList.forEach(element => { let

我有一个音频文件列表。如何让他们一个接一个地玩？现在，如果我单击“播放”按钮，它们将一起播放

const audioList = [ 'audio1', 'audio2', 'audio3', 'audio4', 'audio5' ]

let button = document.querySelector('#btnPlay').addEventListener('click', e=>{
    audioList.forEach(element => {
        let audio1 = new Audio(element);
        audio1.play();
    });
您可以通过使用audio元素的“ended”事件并在每首歌曲结束后更改音频的src来实现这一点

我的html文件：



我希望这对你有帮助！：D
Hi@PatrykBuniX，谢谢你的回复，但是我得到了错误
uncaughttypeerror:无法在HTMLButtonElement设置null属性'src'。
here
audio.src=audioList[songIndex]
我在上面的数组中添加了真实链接，你可以在你发布的代码中复制并通过它们。我还在数组后面添加了
let button=document.querySelector（'#btnPlay'）
。它们一起播放，因为您使用的是forEach循环，它是同步的，不会等待歌曲结束。尝试使用我的代码并将您的歌曲粘贴到阵列中。我已更新了与您的歌曲兼容的答案。