javascript - 循环播放歌曲数组html5音频

Question

播放整个播放站点时循环在结束时停止，但不会重新启动并将 currentSong 设置为 1？我的数组中有 8 首歌曲，它遍历每首歌曲并播放它们，当它们结束时，它们调用 NextSong，但是当最后一首歌曲播放时没有任何反应。

function NextSong()
{
    alert("next song");
    document.removeEventListener('ended',NextSong);

    if(rewindClicked ==true)
    {
        currentSong--;
    }
    else
    {
        currentSong++;
    }

    if(currentSong > songList.length)
    {
        currentSong = 1; 
    }

    if(currentSong < 1)
    {
        currentSong = songList.length; 
    }

    songList[currentSong].play();
    rewindClicked = false;

    //song.addEventListener('ended', NextSong);
    songList[currentSong].addEventListener('ended', NextSong);
}

Answer 1

数组索引从 0 开始。

if(currentSong > songList.length)
{
    currentSong = 1;
}

songList[currentSong].play();

这部分允许currentSong恰好是数组的长度，这意味着songList[currentSong]尝试越界访问元素，您可能会在 JavaScript 错误控制台中看到这一点。换句话说，如果数组中有 8 首歌曲，songList[ 7 ]则为最后一首。

将条件更改为：

if(currentSong >= songList.length)

同样，您可能想要更改

if(currentSong < 1)
{
    currentSong = songList.length; 
}

至

if(currentSong < 0)
{
    currentSong = songList.length - 1; 
}