Блог

есть ли способ воспроизвести файл mp3 / wav в html только один раз, если выполнено условие. Я пытаюсь это сделать, но файл 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>
  

Предполагая, что ваше условие действительно выполнено, существует несколько причин, по которым вы можете не услышать воспроизведение вашего звука:

• Ваш браузер не поддерживает тип аудио.
  • Смотрите таблицу здесь, чтобы узнать, поддерживает ли ваш браузер определенный тип мультимедиа (в данном случае MP3 ).
  • Это можно проверить еще одним способом, используя пример.
  • Если ваш браузер не принимает ваш тип носителя, найдите соответствующий медиафайл и добавьте его в качестве source , как показано в примере.
• Медиафайл не может быть найден.
  • Убедитесь, что ваш медиафайл может быть найден браузером.
  • Вы можете проверить это, перейдя к src атрибуту носителя (в данном случае, ./one.mp3 или ./two.mp3 ).
• Ваша громкость отключена.
  • Хотя это может показаться глупым, тяжелый рабочий день может привести к забывчивости.
  • Убедитесь, что ваши колонки / наушники работают и что громкость находится на высоком уровне.
• И последнее, но не менее важное: файл поврежден или не содержит никакой информации.
  • Чтобы проверить это, воспроизведите медиафайл на своем ноутбуке. Ваша программа должна сообщить вам, поврежден ли файл.
  • Проверьте размер файла, чтобы убедиться, что в нем есть информация.