2017-07-11 35 views
0

所以我看起来像这样的代码。我按下按钮,播放一个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); 

但不可能得到它的工作

+1

编辑你的问题。 – Kumar

+0

https://stackoverflow.com/a/24498727/1675954 –

回答

1

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