(Javascript)我如何做一个静音按钮静音我的背景音乐点击

(Javascript) How can I make a mute button to mute my background music on click?

本文关键字:我的 按钮 背景音乐 Javascript 何做一      更新时间:2023-09-26

现在在我的网站,(http://www.thehistoryofhiphop.net),我正试图使我的静音按钮功能。我想让它把我播放的背景音乐静音。我如何使它静音点击图像?这是我的音乐html:

<embed src="no_joke.mp3" loop="true" autostart="true" hidden="true" id="music"/>     

embed标签没有muted属性,所以使用audio标签。

和下面的代码:

<script>
function toggleSound() {
  var elements = document.getElementsByTagName('audio');
  for(var e = 0; e < elements.length; elements[e].muted = !elements[e].muted, e++);
}
</script>
<button onclick="toggleSound()">TOGGLE SOUND</button>
<audio 
       src="http://www.thehistoryofhiphop.net/no_joke.mp3" 
       preload="auto" 
       loop="true" 
       autoplay="true" 
       id="music">