2013-04-05 91 views
1

我试图让按下提交按钮时播放wav文件。 由于某种原因,我一直看到这个错误:
媒体资源文件:///Users/Bryan/webapp/buzzer.wav无法解码。如何使用jQuery播放wav音频文件?为什么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> 

回答

1

需要注意的是,在写本新闻时火狐赢得不播放24位.wav文件。将它们转换为16位,他们会很高兴。