Faire un arrêt bouton audio

Question

J'ai donc un code qui ressemble à ceci. J'appuie sur le bouton et un mp3 joue. Mais je n'arrive pas à trouver un moyen d'arrêter et j'espérais que vous pourriez m'aider.

<a href="#/" id="song1" class="buttons">Name of Song 1</a> 
<a href="#/" id="song2" class="buttons">Name of Song 2</a> 

var audios = 
Array.prototype.map.call(document.getElementsByClassName("buttons") 
, function (el) { 
    var audio = new Audio(); 
    var src = el.id + ".mp3"; 
    el.onclick = function() { 
     audio.src = src; 
     audio.play(); 
    }; 
    return audio; 
}); 

J'ai essayé

function stopmusic() { 
    audio.pause(); 
} 
document.getElementById('stopbuttons').addEventListener('click', stopmusic); 

et

function stopmusic() { 
audios.forEach(audio=>audio.pause()); 
audios.forEach(audio=>audio.currentTime = 0.0); 
audios.forEach(audio=>audio.src = ""); 
} 
document.getElementById('stopbutton').addEventListener('click', stopmusic); 

mais ne pouvions pas y travailler à

Answer 1

utilisation audio.pause(); pour arrêter l'audio