使用jquery自動播放音頻文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jquery實現自動播放音頻文件 地址 https://www.jb51.net/article/49542.htm</title>
<script type="text/javascript" src="../../Scripts/jquery-1.10.2.min.js"></script>
<!-- <script type="text/javascript">
$(function () {
//這里參考了以下兩個站點的介紹
//http://www.w3school.com.cn/html/html_audio.asp
//http://www.zhanxin.info/development/2013-05-17-html5-audio.html
if ($.browser.msie && $.browser.version == '8.0') {
//本來這里用的是<bgsound src="system.wav"/>,結果IE8不播放聲音,於是換成了embed
$('#newMessageDIV').html('<embed src="system.wav"/>');
} else {
//IE9+,Firefox,Chrome均支持<audio/>
$('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"' +
'type="audio/wav"/><source src="system.mp3" type="audio/mpeg"/></audio>');
}
});
</script> -->
<script type="text/javascript">
$(function () {
//這里參考了以下兩個站點的介紹
//http://www.w3school.com.cn/html/html_audio.asp
//http://www.zhanxin.info/development/2013-05-17-html5-audio.html
// if ($.browser.msie && $.browser.version == '8.0') {
// //本來這里用的是<bgsound src="system.wav"/>,結果IE8不播放聲音,於是換成了embed
// $('#newMessageDIV').html('<embed src="system.wav"/>');
// } else {
// //IE9+,Firefox,Chrome均支持<audio/>
// $('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"' +
// 'type="audio/wav"/><source src="D:\***\***\3 Project-jmc\8 MVC\4 Jquery\語音接口實例\百度語音接口實例\response.wav" type="audio/mpeg"/></audio>');
// }
//這個使用微軟的Edge可以播放,使用google一開始不可播放，然后使用下面的標簽embed播放后再將其注釋掉，再使用這個播放就可以了
//貌似使用embed標簽播放后會給瀏覽器安裝embed插件，然后使用下面這個方法播放就可以自動播放了。。
$('#newMessageDIV').html(
'<audio autoplay="autoplay"><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.wav"' +
'type="audio/wav"/><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.mp3" type="audio/mpeg"/></audio>'
); //<source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.wav" type="audio/mpeg"/>
//musicStart();
});
function musicStart() {
pop = window.open('', 'back__music', 'width=100,height=100', true);
//pop.document.write('<audio controls autoplay loop><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.mp3"/></audio>');
pop.document.write('<audio controls><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.mp3" type="audio/mp3"/></audio>');
}
</script>
</head>
<body>
<div id="newMessageDIV" style="display:inline"></div>
<!-- 使用下面這個標簽也可以直接播放音頻文件 -->
<!-- <embed height="100" width="100" src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/語音接口實例/百度語音接口實例/response.mp3"></embed>
<p><b>注釋：</b>瀏覽器可能需要安裝插件以后，才能播放該文件。</p> -->
</body>
</html>
