最初のソースのみが配列番号のために再生する - 他のソースは再生しない

Question

私はオーウェンをクリックするたびに、これは学校のためのこの無作為なゲームに追加しようとしているウィルソンの顔、オーディオファイルのバリエーションの1つが再生されます。私は、ファイル名のプレーンな配列を試して、それは動作しませんが、私は現在の方法は、最初のファイルを再生する方法で動作し、決して他の何か。クリック機能は正常に動作しますが、主な問題は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タグは（複数の形式で必要な場合）1つの、オーディオファイルを記述しています。したがって、各サウンドスニペットを自分のaudioタグに入れてから、そのうちの1つをランダムに選択する必要があります。このような

何かが動作するはずです：

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>