播放一次音频文件

时间:2014-07-06 21:08:01

标签: javascript jquery html

如果条件满足,有没有办法在html中播放mp3 / wav文件一次。我试图这样做,但是在满足我的要求条件后,mp3文件没有播放..

<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>

1 个答案:

答案 0 :(得分:0)

假设您的情况真的得到满足,那么您可能无法听到声音播放的原因有几个:

  • 您的浏览器不支持音频类型。
    • 请参阅表格here,了解您的浏览器是否支持您特定类型的媒体(在本例中为MP3)。
    • 另一种检查方法是使用example
    • 如果您的浏览器不接受您的媒体类型,请获取正确的媒体文件,并将其添加为source,如example所示。
  • 找不到媒体文件。
    • 确保浏览器可以找到您的媒体文件。
    • 您可以通过转到媒体的src属性(在这种情况下为./one.mp3./two.mp3)来查看此内容。
  • 您的音量无声。
    • 虽然这看起来很愚蠢,但艰苦的工作日可能会让人忘记。
    • 检查您的扬声器/耳机是否正常工作以及音量是否处于较高水平。
  • 最后但并非最不重要的是,该文件已损坏,已损坏或无信息。
    • 要检查此项,请在笔记本电脑上播放媒体文件。如果文件已损坏或损坏,您的程序应该会通知您。
    • 检查文件的大小以确保其中包含信息。