Loop audio with JavaScript

Question

I have the next code

var audioElement0 = document.createElement('audio');
audioElement0.setAttribute('src', 'notify.wav');
audioElement0.setAttribute('autoplay', 'autoplay');
audioElement0.Play(); 

var audioElement1 = document.createElement('audio');
audioElement1.setAttribute('src', 'notify.wav');
audioElement1.setAttribute('autoplay', 'autoplay');
audioElement1.Play(); 

var audioElement2 = document.createElement('audio');
audioElement2.setAttribute('src', 'notify.wav');
audioElement2.setAttribute('autoplay', 'autoplay');
audioElement2.Play();

but it only plays once... How can I fix it?

xavier.seignard · Accepted Answer · 2012-11-28 17:13:38Z

31

You have the loop property:

audioElement.loop=true;

But some browsers do not support well the loop property, you can add an event listener like this:

audioElement.addEventListener('ended', function() {
    this.currentTime = 0;
    this.play();
}, false);

answered Nov 28, 2012 at 17:13

xavier.seignard

11.3k14 gold badges55 silver badges77 bronze badges

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

Comments

chead23 · Accepted Answer · 2012-11-28 17:12:48Z

4

Set the loop="loop" attribute in the audio tag.

answered Nov 28, 2012 at 17:12

chead23

1,88911 silver badges12 bronze badges

Comments

Sampson · Accepted Answer · 2012-11-28 17:18:38Z

2

The audio element has a loop boolean property that you can set to auto-loop its playback. Another option would be to add and event listener which responds to the "ended" event of the audio element. In your handler, set the position of the audio back to 0, and play anew.

edited Nov 28, 2012 at 17:18

answered Nov 28, 2012 at 17:12

Sampson

269k76 gold badges546 silver badges570 bronze badges

Collectives™ on Stack Overflow

Loop audio with JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related