Как воспроизвести аудиофайл в формате wav с помощью jQuery? Почему WAV-файл не может быть декодирован?

Я пытаюсь получить файл wav для воспроизведения, когда нажата кнопка "Отправить". По какой-то причине я продолжаю видеть эту ошибку:
Файл медиаресурса:///Users/Bryan/webapp/buzzer.wav не может быть декодирован.

Что я делаю неправильно?

<!DOCTYPE html>   
<html>   
    <head>    
    <meta name="viewport" content="width=device-width, initial-scale=1">   
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />  
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>  
    <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>  
</head>   

<body>   

<audio id="buzzer" src="buzzer.wav" type="audio/wav">Your browser does not support the &#60;audio&#62; element.</audio>  
<form id='sample' action="#" data-ajax="false">  
    <fieldset>  
     <input value="Start" type="submit">  
     </fieldset>  
</form>  
<script type="text/javascript">  

var buzzer = $('buzzer')[0];  

$(document).on('submit', '#sample', function()  {  
    alert("submitted");  
    buzzer.play();  
    return false;  
});  

</script>  
</body>  
</html>
Источник

2 ответа

Похоже, проблема в вашем wav-файле и, возможно, в конкретном браузере, в котором вы находитесь.

Смотрите этот пост: Firefox не будет воспроизводить файлы.WAV с тегом

Источник

Обратите внимание, что во время написания FireFox не будет воспроизводить 24-битные файлы.wav. Преобразуйте их в 16 бит, и они будут счастливы.

Источник
Другие вопросы по тегам