在计时器上播放 (html5) 音频

Question

我有一个页面需要根据数组的值播放声音（并播放整个数组）。例如，我有一个数组 {1, 0, 0, 0, 1, 1, 0, 1, 0}，我需要它们按顺序播放或暂停，1 = 播放，0 =“暂停”。

到目前为止，我已经尝试了很多事情，但就是无法让它按照我的预期工作。

我得到的最接近的是：

$.each(myFinalList, function(i, playit){
    if(playit == 1){
        $("#results").append("Play..");
        setTimeout("playSound()", 3250);
    }
    else{
        $("#results").append("Nothing..");
        setTimeout("doNothing()", 3500);
    }
};

function playSound(){
    var snd = new Audio('');

    if(snd.canPlayType('audio/mp3')){
        snd = new Audio('sound.mp3');
    }

    snd.play();
}

function doNothing(){
    //dont do anything
}

这个问题是声音没有在正确的时间播放，几乎就像 doNothing() 没有被调用一样。

有什么想法吗？

Answer 1

试试这个：

http://jsfiddle.net/ZkE8B/12/

让我知道它是否有助于

编辑： http://jsfiddle.net/ZkE8B/15/ 清除每个循环完成

Answer 2

听起来您想按顺序迭代 myFinalList 的每个元素，但每次迭代之间都有超时。在这种情况下，您可能想要执行类似的操作

function timer(index) {
    if (myFinalList[i] == 1) playSound();
    setTimeout(function() { timer(index+1); }, 3500);
}
timer(0);

，每 3500 毫秒一次迭代一个 myFinalList 的每个元素。