Question

我正在尝试按下“提交”按钮时播放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>

Answer 1

听起来问题在于您的wav文件，以及您所在的特定浏览器。

请参阅此相关帖子：Firefox won't play .WAV files using the HTML5 <audio> tag?

Answer 2

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

如何使用jQuery播放wav音频文件？为什么不能解码wav文件？

2 个答案: