制作停止音频按钮

Question

所以我的代码看起来像这样。我按下按钮，就会播放一段mp3。但我似乎找不到一种方法来做一个停止按钮，希望你们能帮助我。

<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;
});

我试过了

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

和

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);

但是不能让它工作

Answer 1

使用audio.pause();停止音频