使用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>
