遍历数组并连续播放音频

Question

我有一个包含以“ /”分隔的字符串的输入，然后我将其拆分以创建一个数组。然后，需要使用每个字符串数组项来填充音频标签的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();
}


});