停止音頻按鈕

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();停止播放音頻