如何使用jQuery播放wav音频文件？为什么可以'；wav文件不能被解码吗？_Jquery_Html_Html5 Audio

如何使用jQuery播放wav音频文件？为什么可以'；wav文件不能被解码吗？

jquery html

如何使用jQuery播放wav音频文件？为什么可以'；wav文件不能被解码吗？,jquery,html,html5-audio,Jquery,Html,Html5 Audio,我试图在按下提交按钮时播放wav文件。出于某种原因，我一直看到这个错误：媒体资源file:///Users/Bryan/webapp/buzzer.wav 无法解码我做错了什么 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link r

我试图在按下提交按钮时播放wav文件。出于某种原因，我一直看到这个错误：
媒体资源file:///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>


您的浏览器不支持<；音频>；元素。
var蜂鸣器=$（‘蜂鸣器’）[0]；
$（document）.on（'submit'，'#sample'，function（）{
警报（“已提交”）；
蜂鸣器。播放（）；
返回false；
});

听起来问题在于您的wav文件，可能还有您所在的特定浏览器

请参阅此相关帖子：

注意，在撰写本文时，FireFox不会播放24位.wav文件。将它们转换为16位，它们会很高兴