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

jquery自动播放音频文件的更多相关文章

  1. ArcGIS API for Silverlight 当DataGrid选中项时，地图聚焦弹出窗口，并可以播放音频文件

    原文:ArcGIS API for Silverlight 当DataGrid选中项时,地图聚焦弹出窗口,并可以播放音频文件 先看效果图,然后上代码: <UserControl x:Class= ...

  2. Unity 播放音频文件

    Unity 播放音频文件参考代码: public void Play(string strSoundName, float autoDestroyTime = 0f, bool bLoop = fal ...

  3. 解决Chrome浏览器无法自动播放音频视频的问题，Uncaught (in promise) DOMException

    转载自:http://www.nooong.com/docs/chrome_video_autoplay.htm 在最新版的Chrome浏览器(以及所有以Chromium为内核的浏览器)中,已不再允许 ...

  4. vue中解决chrome浏览器自动播放音频 和MP3语音打包到线上

    一.vue中解决chrome浏览器自动播放音频 需求 有新订单的时候,页面自动语音提示和弹出提示框: 问题 chrome浏览器在18年4月起,就在桌面浏览器全面禁止了音视频的自动播放功能.严格地来说, ...

  5. 关于Window Server2008 服务器上无法播放音频文件的解决方案

    在偌大的百度当中查找我所需要的资源信息,但网络上所描述的都不能解决,发生此类问题的人很多,但是都没有得到准确的解决方法!经个人各方面的尝试,其实非常简单的解决了无法播放音频文件的问题,如果各位今后也遇 ...

  6. .NET winform播放音频文件

    前提:最近要求做一个在winform端做一个音频文件播放的功能,至此,总结最近搜寻的相关资料. 一.微软提供了三种方式来播放音频文件 1.通过System.Media.SoundPlayer来播放 2 ...

  7. C#调用mciSendString播放音频文件

    mciSendString函数是一个WinAPI,主要用来向MCI(Media Control Interface)设备发送字符串命令. 一.函数的声明如下: private static exter ...

  8. Qt 播放音频文件

    Qt播放音频文件的方法有好多中,简单介绍几种 不过一下几种方式都需要在Qt工程文件中添加 QT       += multimedia 第一 QMediaPlayer类 可以播放MP3文件,同时使用也 ...

  9. h5 audio播放音频文件

    h5 audio播放音频文件 注:下面html中样式及不相关的内容去掉了 第一个例子 播放没有防盗链的外网音频文件是可以的 <!doctype html> <html> < ...

随机推荐

  1. NOIP2017 时间复杂度 大模拟

    再写一道大模拟题. 由于是限时写的,相当于考场代码,乱的一批. 题目链接:P3952 时间复杂度 先记几个教训: 字符串形式的数字比较大小老老实实写函数,字典序都搞错几次了 栈空的时候不但pop()会 ...

  2. 在线JSON转Go 结构体，在线JSON转Go Struct

    在线转换https://oktools.net/json2go

  3. Git生成公钥.pub 及秘钥 命令

    Git生成公钥.pub 及秘钥 命令 ssh-keygen -t rsa -C "******@qq.com" 将.pub公钥里面内容复制到github或者将这文件交给git管理员 ...

  4. Linux下部署springboot项目的步骤及过程

    最近在研究将springboot项目部署到Linux服务器上,由于springboot是内嵌了tomcat,所以可以直接将项目打包上传至服务器上.我是在idea上的项目,所以我就基于此说下过程. (一 ...

  5. JVM运行时的内存划分--JDK1.8

    对比JDK1.7,JDK1.8在运行时的内存分配上进行了调整.本篇对JDK1.8版本进行简要介绍. 先以一张图片描述运行时内存: 程序计数器 记录当前线程执行的字节码行号.如果执行的是native方法 ...

  6. sql server查询在线用户

    select request_session_id spid, object_name(resource_associated_entity_id) tableName from sys.dm_tra ...

  7. cacti监控

    cacti监控 cacti简介 Cacti是一套基于php,mysql,snmp及rrdtool开发的网络流量监测图形分析工具.它通过snmpget获取数据,使用rrdtool绘画图形 Cacti轮询 ...

  8. Python之面向对象之反射、内置方法

    一.静态方法(staticmethod)和类方法(classmethod) 类方法:有个默认参数cls,并且可以直接用类名去调用,可以与类属性交互(也就是可以使用类属性) 静态方法:让类里的方法直接被 ...

  9. jquery easyui datagrid 远程加载数据----javascript法

    jquery easyui有三种办法生成datagrid(数据网格),本篇专门讨论javascript借助jquey easy ui实现的方式 html部分 <main role="m ...

  10. 【NOIP2017提高组模拟12.17】环

    题目 小A有一个环,环上有n个正整数.他有特殊的能力,能将环切成k段,每段包含一个或者多个数字.对于一个切分方案,小A将以如下方式计算优美程度: 首先对于每一段,求出他们的数字和.然后对于每段的和,求 ...