javascript - 播放一次音频文件

Question

有没有办法在满足条件的情况下仅播放一次 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>

Answer 1

假设您的条件确实满足，那么您可能听不到声音播放的原因有以下几个:

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