使用JavaScript多次播放所有音频后,重复播放多个音频

时间:2018-07-05 16:22:21

标签: javascript jquery html5 audio

我编写了一些代码来播放音频(3个或更多音频),每个音频播放多次。我想进行更改,以便可以再次播放所有音频

示例以获取更多说明

我有

audio1然后audio2然后audio3

我现在能做些什么:

audio1将会播放3次
音频2将播放3次
audio3将播放3次,然后停止

我不想让它停止播放,我需要让它从头开始再次播放audio1 3次,audio2 3次和audio3 3次多次,然后停止。

代码在这里:

function startReading(1){


    var aCount = 3;

    // Start Reading - Play the Audio
    // -------------------------------------
    var repeatTimes = document.getElementById('repeatA').value;
    (function play(c){ 
        audio.play(); 
        audio.onended = function (){   

            if(c >= repeatTimes ){  
                if(i <= aCount){//and not reached the last audio
                        i++;
                        startReading(i);//play next audio
                }
            } else {//we didnt reached the third play, lets keep going...
                play(c+1);  
            }
        };
    })(1)//start with 1

}

1 个答案:

答案 0 :(得分:0)

我找到了解决方法。

我需要做的是检查i是否大于音频数量,如果大于音频,则从头开始读取并制作i = 1,并制作变量{{1} },以便每次chk>(需要重复次数)时都重复播放所有音频以使其停止播放。

简而言之,我将使递归从头开始。

代码为:

chk