jquery自动播放音频文件

使用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-jmc8 MVC4 Jquery语音接口实例百度语音接口实例
esponse.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>
原文地址:https://www.cnblogs.com/newcapecjmc/p/11855927.html