Looping HTML5 audio with Javascript?

Question

I am using a very basic HTML5 audio script and I would simply like the song to loop. How can I accomplish this? Thanks in advance!

$(".play").click(function(){
    var snd = new Audio("bells.mp3");
    snd.play();
});

http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_audio_loop Here's one example. — Lauri Elias, Dec 16 '13 at 21:58
Sorry for the duplicate, searched SO but didn't see that one. — APAD1, Dec 16 '13 at 22:03
@APAD1 no problem, I just happened to remember it existed and wanted to make sure you saw that `loop` hasn't always worked in case you want to support legacy browsers. — Dagg Nabbit, Dec 16 '13 at 22:05

score 1 · Answer 1 · answered Dec 16 '13 at 21:58

1

Specify the loop attribute in your HTML mark-up

<audio loop>
   <source src="bells.mp3" type="audio/mpeg">
<audio>

No JavaScript needed

answered Dec 16 '13 at 21:58

Lloyd Banks

2

Thanks for the response, using Javascript so I can fire the audio when another function is triggered. – APAD1 Dec 16 '13 at 22:02
1

No Javascript needed, but no Javascript control, either. The OP is using a script - this won't help. – Dec 16 '13 at 22:02
If this would only loop seamlessly :/ – maracuja-juice Oct 24 '17 at 17:54

score 0 · Accepted Answer · answered Dec 16 '13 at 21:58

0

Set the loop property to true

$(".play").click(function(){
    var snd = new Audio("bells.mp3");
    snd.loop = true;
    snd.play();
});

answered Dec 16 '13 at 21:58

Worked great, thanks! Will accept answer in 9 minutes. – APAD1 Dec 16 '13 at 22:01

2 Answers2