播放多个音频的所有按钮

时间:2018-01-05 22:17:36

标签: javascript html

有没有办法播放多个音频,只需1个播放“全部”按钮?

例如,

我有2种不同的音频,我希望当我点击一个按钮时,它们同时播放。有这样的方法吗?我可以为分配给它的1个按钮播放音频。

谢谢!

1 个答案:

答案 0 :(得分:0)

我假设您使用类似的方法使用音频标记加载文件。 一个音频文件是脚步声,另一个是尖叫声。



var audio1 = $("#audio1")[0];
var audio2 = $("#audio2")[0];

$("#button").click(function() {
  audio1.play();
  audio2.play();
});

a#button {
  display: block;
  padding: 10px;
  border: 1px solid #000;
}

a#button:hover {
  background: yellow;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<audio id="audio1" src="http://www.bigsoundbank.com/dl.php?ext=wav&id=0514&button=GO%3E" type="audio/wav">Your browser does not support the &#60;audio&#62; element.</audio>
<audio id="audio2" src="http://www.bigsoundbank.com/dl.php?ext=wav&id=0477&button=GO%3E" type="audio/wav">Your browser does not support the &#60;audio&#62; element.</audio>

<a id="button">PLAY ALL </a>
&#13;
&#13;
&#13;