Changing src attribute of HTML5 audio element

Question

I am trying use JS to playback some sounds. What i want to do is have piece of music playing but after a certain time replace it with another audio file. I thought the most effective way would be to reuse the same audio object, but it seems to not kill the original sound so all gets messy. What is the best way to do this?

My code is below, all im doing is passing in a new source at a certain time

function inGameSndCreate(src) {
    inGameSnd = new Audio(src)
    inGameSnd.loop = true;
    inGameSnd.play();
}

thanks in advance

In which browsers did you test this?

Marcel Korpel
– Marcel Korpel

2010-09-24 19:54:38 +00:00
Commented Sep 24, 2010 at 19:54 — Marcel Korpel
– Marcel Korpel, Commented Sep 24, 2010 at 19:54

calvinf · Accepted Answer · 2010-09-24 20:53:57Z

2

I expect you'll need to change the source in the DOM using JavaScript. The following should work.

document.getElementById('audio_id').src = 'different_file.wav';

answered Sep 24, 2010 at 20:53

calvinf

3,9543 gold badges32 silver badges42 bronze badges

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

Collectives™ on Stack Overflow

Changing src attribute of HTML5 audio element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related