zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    Android游戏开发研究与主角在地图滚动
    程序猿学一点金融知识,但是,如果没有提示代码
    Java8的日期和时间的库20经常使用的演示样本
    通用Key-Value存储系统的存储管理策略解析
    车库门开启器
    timesten备份和恢复
    HTML DOCTYPE 重要性
    嵌Ruby 2 《捆绑》
    Jexus web server V5.6.1正式公布
    卓尼斯ZT-180评測
  • 原文地址:https://www.cnblogs.com/newcapecjmc/p/11855927.html
Copyright © 2011-2022 走看看