Javascript 遍历数组并连续播放音频

我有一个输入，其中包含由“/”分隔的字符串，然后将其拆分以创建一个数组。然后，需要使用每个字符串数组项填充音频标记的src属性并连续播放

更新：下面的代码现在可以工作了，不过还需要一些工作

$('#button').click(function(){

    // get value of input

    var y = $("#input").val();

    // split into array

    var g = y.split("/");



    var arrayLength = g.length;


    for (var i = 0; i < arrayLength; i++ ) {

    // create audio elements for each input

     var j = "<audio class='audio_play' id='" + g[i] + "' src='/sound/" + g[i] + ".mp3'></audio>";


    $('body').append(j);


}

// create array of each audio input

var arrayOfIds = $.map($(".audio_play"), function(n, i){

      return n.id;

    });

var sound1 = document.getElementById(arrayOfIds[0]);
var sound2 = document.getElementById(arrayOfIds[1]);
var sound3 = document.getElementById(arrayOfIds[2]);



sound1.play();
sound1.onended = function() {

sound2.play();

}

sound2.onended = function(){
sound3.play();
}


});

$（“#按钮”）。单击（函数（）{
//获取输入值
变量y=$（“#输入”）.val（）；
//拆分为数组
var g=y.分割（“/”）；
var arrayLength=g.长度；
对于（变量i=0；i

您知道如何自己播放音频吗，就一个？如果这是一个简单的回调模式问题，请查找术语。是的，这将播放声音，但仅播放arrayLookup（谷歌）中的最后一个值。“js事件处理程序”、“js结束事件”和“回调模式”，我相信你会解决这个问题。另外，请注意，HTML中有许多元素具有相同的ID，这是错误的，请使用类选择器或不同的ID