1

我试图在按下提交按钮时播放一个 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>
4

2 回答 2

2

听起来问题出在您的 wav 文件上，也可能出在您所在的特定浏览器上。

请参阅此相关帖子：Firefox 不会使用 HTML5 <audio> 标签播放 .WAV 文件？

于 2013-04-05T16:10:19.967 回答
1

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

于 2013-09-20T20:11:38.930 回答