How to stop audio played by audio tag of HTML5

Question

I am new to HTML5 and I am exploring HTML5 features. There I came across audio tag.
I written code with it to play sound files.
I am having one problem with this tag. On button click, I want to change the sound file stopping the previous one.
I searched a lot but didn't find anything. Please help me to stop the sound played by audio tag.
Here is my code;

  try
  {
       if(MyAudio != undefined)
       {
          MyAudio = null;
       }
       MyAudio = new Audio("filename");
       MyAudio.play();
  }
  catch(v)
  {
    //alert(v.message);
  }

Lekensteyn · Accepted Answer · 2011-07-29T08:46:21.687

12

Try this:

  try
  {
       if(MyAudio != undefined)
       {
          MyAudio.pause();
       }
       MyAudio = new Audio("filename");
       MyAudio.play();
  }
  catch(v)
  {
    //alert(v.message);
  }

edited Jul 29 '11 at 08:46

answered Aug 25 '10 at 16:03

Lekensteyn

64,486
22
159
192

2

Just tried, it works fine (on Chrome), without using pause. Just changing the SRC stops ad restarts the sound without lags. – Omiod Jan 06 '11 at 20:45
1

You know thats kinda ugly method – ShrekOverflow Mar 22 '13 at 00:44

score 3 · Answer 2 · edited May 23 '17 at 12:30

3

As commented in this cuestión: HTML5 Audio stop function, a better solution could be:

var sound = document.getElementById("audio");
sound.pause();
sound.currentTime = 0;

edited May 23 '17 at 12:30

Community

1
1

answered Dec 01 '16 at 20:42

Duefectu

1,563
4
18
37

How to stop audio played by audio tag of HTML5

2 Answers2

Linked