只有第一个源播放数组编号 - 没有其他源播放

Question

所以，我正在尝试为这个学校的古怪地鼠游戏（这是额外的，不是必需的）添加到每当我点击 Owen Wilson 的脸时，音频的变体之一文件将播放。我已经尝试了一个带有文件名的普通数组，但它不起作用，但我目前使用它的方式是只播放第一个文件，而不播放其他任何文件。点击功能工作正常，主要问题是我的 HTML 或 JavaScript。我找不到任何我想在网上做的事情，而且我没有想法。

HTML:

<audio id="wowFiles">
        <source src="wow/wow1.mp3" type="audio/mp3">
        <source src="wow/wow2.mp3" type="audio/mp3">
        <source src="wow/wow3.mp3" type="audio/mp3">
        <source src="wow/wow4.mp3" type="audio/mp3">
</audio>

JavaScript/JQuery:

function wow () {
          $("#wowFiles").src = $("#wowFiles source")[4];

          var rand = Math.floor(Math.random() * 4);

          $("#wowFiles")[rand].play();
      }

Answer 1

据我所知，audio 标签描述了一个音频文件（如有必要，可以是多种格式）。因此，您需要将每个声音片段放在自己的 audio 标签中，然后随机 select 其中一个。

像这样的东西应该可以工作：

var rand = Math.floor(Math.random() * 4);

$(".wow")[rand].play();

<audio class="wow">
    <source src="wow/wow1.mp3" type="audio/mp3">
</audio>
<audio class="wow">
    <source src="wow/wow2.mp3" type="audio/mp3">
</audio>
<audio class="wow">
    <source src="wow/wow3.mp3" type="audio/mp3">
</audio>
<audio class="wow">
    <source src="wow/wow4.mp3" type="audio/mp3">
</audio>

只有第一个源播放数组编号 - 没有其他源播放

Only First Source Plays for Array Number - No Other Sources Play

arrays

jquery

click

html5-audio