编程语言
首页 > 编程语言> > JavaScript按钮停止页面上的所有音频

JavaScript按钮停止页面上的所有音频

作者:互联网

我正在使用mixlr.com的嵌入式播放器来播放音频.现在我需要一个按钮来停止整个网站的音频.虽然玩家有自己的播放暂停按钮.但我需要自己的按钮来控制整个网站的音频,如果我点击暂停按钮,它将暂停我整个网站的音频.有人能帮帮我吗?

解决方法:

使用一个按钮暂停所有音频:

document.getElementById('stopButton').onclick = function() {
  var sounds = document.getElementsByTagName('audio');
  for(i=0; i<sounds.length; i++) sounds[i].pause();
};
<audio src="http://www.noiseaddicts.com/samples_1w72b820/1456.mp3" autoplay loop>
  Your browser does not support the <code>audio</code> element.
</audio>

<audio src="http://www.noiseaddicts.com/samples_1w72b820/3717.mp3" autoplay loop>
  Your browser does not support the <code>audio</code> element.
</audio>

<audio src="http://www.noiseaddicts.com/samples_1w72b820/118.mp3" autoplay loop>
  Your browser does not support the <code>audio</code> element.
</audio>

<input id="stopButton" type="button" value="Stop All Audio" />

标签:playback,javascript,html5,button,audio
来源: https://codeday.me/bug/20190722/1504530.html