js控制<audio>

Question

<div>
    <audio autoplay id="player">
</div>

<script>
    var array_1 = new Array(
        "1.mp3",
        "2.mp3",
        "3.mp3"
    );
    
    var player = document.getElementById("player");
    player.setAttribute("src", "1.mp3");
    
    while(player.ended){
        var path_current = player.getAttribute("src");
        var index_current = array_1.indexOf(path_current);
        player.setAttribute("src", array_1[index_current + 1]);
    }
</script>

我查了一下资料：

应该也就是这两个属性，但无论换成哪一个，也不起作用。

这里应该怎么写？

Answer 1

    var audioMap = [       'source/1.wav',       'source/2.wav',       'source/3.wav',     ];     var player = document.querySelector('#player'),         len = audioMap.length;     player.setAttribute('src', audioMap[0]);     player.onended = function () {       var currentPath = player.getAttribute('src'),           currentIndex = audioMap.indexOf(currentPath),           iNow = currentIndex + 1;                  if (iNow === len) return;       player.setAttribute('src', audioMap[iNow]);     }有那个属性，也有这个事件，用事件可以