Audio pause is not working where play working fine

user_14309150 0
Viewed 36

I am trying to implement this method because I have a table of audio to play/pause individually, so I found this way after many research. But pause is not working here. Could anyone please help me? 

function playAudio(url) {
        new Audio(url).play();
      }
function pauseAudio(url) {
        new Audio(url).pause();
      }
<input type="button" value="PLAY" onclick="playAudio('https://cldup.com/qR72ozoaiQ.mp3')" />         
<input type="button" value="PAUSE" onclick="pauseAudio('https://cldup.com/qR72ozoaiQ.mp3')" />

audio html javascript
2 Answers

You should send the play/pause event to the audio tag (you can do it by setting an id to your audio element so you can target it for example) : https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/pause


function playAudio(id) {
  document.getElementById(id).play();
}
function pauseAudio(id) {
  document.getElementById(id).pause();
}


<audio
    id='sound' 
    controls
    src="https://cldup.com/qR72ozoaiQ.mp3">
    Your browser does not support the
            <code>audio</code> element.
</audio>
<input type="button" value="PLAY" onclick="playAudio('sound')" />         
<input type="button" value="PAUSE" onclick="pauseAudio('sound')" />
user_36725600

You have created two objects so it does not pause the same object.

let audio =new Audio();
function playAudio(url) {
   audio.src =url;
   audio.play();
}
function pauseAudio() {
    audio.pause();
}
<input type="button" value="PLAY" onclick="playAudio('https://cldup.com/qR72ozoaiQ.mp3')" />         
<input type="button" value="PAUSE" onclick="pauseAudio()" />

user_27731840
Related