JavaScript的按钮停止所有音频上页 [英] JavaScript Button Stop All Audio on Page

问题描述

我使用的是从一个mixlr.com嵌入播放器来播放音频。现在我需要一个按钮来停止整个网站的音频。虽然球员有它自己的播放暂停按钮。但我需要我自己的按钮来控制整个网站的声音在哪里，如果我在暂停按钮点击它会暂停我的整个网站的音频。任何人可以帮助我吗？

解决方案

暂停所有的音频与一个按钮：

\r

\r

的document.getElementById（'STOPBUTTON'）。=的onclick功能（）{\r
  VAR听起来= document.getElementsByTagName（'声音'）;\r
  对于（i = 0; I＆LT; sounds.length;我++）声音[I] .pause（）;\r
};

\r

＆LT;音频SRC =htt​​p://www.noiseaddicts.com/samples_1w72b820 /1456.mp3自动播放循环＆GT;\r
  您的浏览器不支持的＆lt; code＆gt;音频＆LT; / code＆GT;元件。\r
＆LT; /音频＆GT;\r
\r
＆LT;音频SRC =htt​​p://www.noiseaddicts.com/samples_1w72b820/3717.mp3自动播放循环＆GT;\r
  您的浏览器不支持的＆lt; code＆gt;音频＆LT; / code＆GT;元件。\r
＆LT; /音频＆GT;\r
\r
＆LT;音频SRC =htt​​p://www.noiseaddicts.com/samples_1w72b820/118.mp3自动播放循环＆GT;\r
  您的浏览器不支持的＆lt; code＆gt;音频＆LT; / code＆GT;元件。\r
＆LT; /音频＆GT;\r
\r
＆LT;输入ID =STOPBUTTON类型=按钮值=停止所有音频/＆GT;

\r

\r

\r

I'm using a embed player from mixlr.com to play audio. Now I need a button to stop the whole site's audio. Though the player have it's own play pause button. But I need my own button to control the whole site's audio where if i click on pause button it'll pause my whole site's audio. Can anybody help me please?

解决方案

Pause all audio with one button:

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" />

这篇关于JavaScript的按钮停止所有音频上页的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！