HTML Webページで正しく動作しないサウンド

Question

クリック可能なリンクの音に問題があることがわかりました。音が常に再生されるとは限りません。

私が望んだ音にSRCが含まれている私の部分の上部に次のコードビットiが音

を再生する機能を参照する場所です

<audio id="sound1" src="sounds/mouseClick.wav" preload="auto"></audio> 

を果たしてきた

<a href="questionnaire1.html" onclick="play()";> <img src="images/nextnewImage.jpg" alt="Take the Questionnaire" style="width:50%; height:auto"></a> 

これは、閉じたhtmlタグの前に、私のbodyタグの外にあるサウンドを再生するために実装しようとしたjQueryのビットです。

 <script> 

     play(){ 

    $('.sound').live('click', function() { 
    var sound = $("#sound1")[0]; 

    sound.load(); 
    sound.play(); 

    return false; 
}); 
}); 
     } 


    </script> 

Answer 1

新しいAudioオブジェクトを作成してみてください、パラメータとしてサウンドファイルへのURLを渡します。

var audio = new Audio("sounds/mouseClick.wav"); 
 

 
$('#start').on("click", function() { 
 
    audio.play(); 
 
}); 
 

 
$('#pause').on("click", function() { 
 
    audio.pause(); 
 
});

.container{ 
 
    border: 1px solid black; 
 
    padding: 5px; 
 
    margin: 5px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class="container"> 
 
    <!-- add a button and handle this in jQuery !--> 
 
    <div> 
 
    <button id="start">play</button> 
 
    <button id="pause">pause</button> 
 
    </div> 
 
</div>