How to loop sound in JavaScript?

Question

I tried below code to play a sound in JavaScript for certain times but with no success, the sound plays just once, what is the problem?

for(var i = 0; i < errors; i++){
    PlaySound3();
}

Function:

function PlaySound3() {
    var audioElement = document.getElementById('beep');
    audioElement.setAttribute("preload", "auto");
    audioElement.autobuffer = true;    
    audioElement.load();
    audioElement.play();
};

HTML code:

<audio id="beep">
    <source src="assets/sound/beep.wav" type="audio/wav" />
</audio>

I think essentially you aren't waiting for the sound to finish. The for loop runs very quickly, and you only hear the last one. Try waiting a little after "PlaySound" or using an event to detect when it's finished playing. — Matthew Wilcoxson
– Matthew Wilcoxson, Commented Mar 18, 2014 at 23:07

R3tep · Accepted Answer · 2014-03-19 10:34:12Z

7

If you want to play the sound infinitely use the attribute loop in the tag audio :

<audio id="beep" loop>
   <source src="assets/sound/beep.wav" type="audio/wav" />
</audio>

Edit

If you want to stop the loop after 3 times, add an event listener :

HTML:

<audio id="beep">
   <source src="assets/sound/beep.wav" type="audio/wav" />
</audio>

JS:

var count = 1
document.getElementById('beep').addEventListener('ended', function(){
   this.currentTime = 0;
   if(count <= 3){
      this.play();
   }
   count++;
}, false);

edited Mar 19, 2014 at 10:34

answered Mar 18, 2014 at 23:32

R3tep

12.9k10 gold badges53 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3427977 Over a year ago

I want to loop the sound just for certain times not forever

R3tep Over a year ago

When you want to stop the loop, change the attribute 'loop' to false with javascriptp.

user3427977 Over a year ago

I want to stop looping for example after sound plays for 3 times, how can I know that sound play for 3 so I set track.loop = false ?

Collectives™ on Stack Overflow

How to loop sound in JavaScript?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related