一次播放音频文件

Question

is there a way to play a mp3/wav file in html only once if the condition is met. I am trying to do but the mp3 file is not playing after my required condition is met..

<input type="text" id="question"/>
<audio src="one.mp3" id="one" preload="auto"></audio>
<input type="text" id="question1"/>
<audio src="two.mp3" id="two" preload="auto"></audio>

<script>
$("#question").blur(function() {
    if ($(this).val() == 'Paris') {
   document.getElementById("one").play();
    }
});    

$("#question1").blur(function() {
    if ($(this).val() == 'France') {
   document.getElementById("two").play();
    }
});    
</script>

Answer 1

Assuming that your condition is truly met, there are a few reasons why you might not be able to hear your sound play:

• • See the table here to find out if your browser supports your specific type of media (in this case, MP3 ).
  • Another way you can check for this is by using the example .
  • If your browser does not accept your media type, get the proper media file and add it as a source as shown in the example .
• • Make sure that your media file can be found by the browser.
  • You can check this by heading to the media's src attribute (in this case, ./one.mp3 or ./two.mp3 ).
• • Although this may seem silly, a hard day of work can leave one forgetful.
  • Check that your speakers / headphones are working and that your volume is at a high level.
• • To check for this, play the media file on your laptop. Your program should let you know if the file is corrupted or damaged.
  • Check the file's size to make sure there is information in it.