使用jquery自动播放音频文件

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>jquery实现自动播放音频文件 地址 https://www.jb51.net/article/49542.htm</title>
  8.     <script type="text/javascript" src="../../Scripts/jquery-1.10.2.min.js"></script>
  9.     <!-- <script type="text/javascript">
  10.         $(function () {
  11.             //这里参考了以下两个站点的介绍
  12.             //http://www.w3school.com.cn/html/html_audio.asp
  13.             //http://www.zhanxin.info/development/2013-05-17-html5-audio.html
  14.             if ($.browser.msie && $.browser.version == '8.0') {
  15.                 //本来这里用的是<bgsound src="system.wav"/>,结果IE8不播放声音,于是换成了embed
  16.                 $('#newMessageDIV').html('<embed src="system.wav"/>');
  17.             } else {
  18.                 //IE9+,Firefox,Chrome均支持<audio/>
  19.                 $('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"' +
  20.                     'type="audio/wav"/><source src="system.mp3" type="audio/mpeg"/></audio>');
  21.             }
  22.         });
  23.     </script> -->
  25.     <script type="text/javascript">
  26.         $(function () {
  27.             //这里参考了以下两个站点的介绍
  28.             //http://www.w3school.com.cn/html/html_audio.asp
  29.             //http://www.zhanxin.info/development/2013-05-17-html5-audio.html 
  31.             // if ($.browser.msie && $.browser.version == '8.0') {
  32.             //     //本来这里用的是<bgsound src="system.wav"/>,结果IE8不播放声音,于是换成了embed
  33.             //     $('#newMessageDIV').html('<embed src="system.wav"/>');
  34.             // } else {
  35.             //     //IE9+,Firefox,Chrome均支持<audio/>
  36.             //     $('#newMessageDIV').html('<audio autoplay="autoplay"><source src="system.wav"' +
  37.             //         'type="audio/wav"/><source src="D:\***\***\3 Project-jmc\8 MVC\4 Jquery\语音接口实例\百度语音接口实例\response.wav" type="audio/mpeg"/></audio>');
  38.             // }
  40.               //这个使用微软的Edge可以播放,使用google一开始不可播放，然后使用下面的标签embed播放后再将其注释掉，再使用这个播放就可以了
  41.               //貌似使用embed标签播放后会给浏览器安装embed插件，然后使用下面这个方法播放就可以自动播放了。。
  42.               $('#newMessageDIV').html(
  43.                 '<audio autoplay="autoplay"><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.wav"' +
  44.                 'type="audio/wav"/><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.mp3" type="audio/mpeg"/></audio>'
  45.                 ); //<source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.wav" type="audio/mpeg"/>
  47.             //musicStart();
  48.         });
  50.         function musicStart() {
  51.             pop = window.open('', 'back__music', 'width=100,height=100', true);
  52.             //pop.document.write('<audio controls autoplay loop><source   src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.mp3"/></audio>');
  53.             pop.document.write('<audio controls><source src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.mp3" type="audio/mp3"/></audio>');
  54.         }
  55.     </script>
  56. </head>
  57. <body>
  58.     <div id="newMessageDIV" style="display:inline"></div>
  59.     <!-- 使用下面这个标签也可以直接播放音频文件 -->
  60.     <!-- <embed height="100" width="100" src="D:/**/**/3 Project-jmc/8 MVC/4 Jquery/语音接口实例/百度语音接口实例/response.mp3"></embed>
  61. <p><b>注释：</b>浏览器可能需要安装插件以后，才能播放该文件。</p> -->
  62. </body>
  63. </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. python 抓取拉勾网 攻略

    废话不多说,直接上代码,将数据存入Mongdb import requests import pymongo import time import random mycon = pymongo.Mon ...

  2. ES中的查询操作

    1.前缀查询 先输入数据: PUT /my_index/address/ { "postcode": "W1 3DG" } PUT /my_index/addr ...

  3. mysql 关于log_bin_trust_function_creators变量

    在mysql创建自定义函数的时候,有时候会报以下错误: Error Code: 1418. This function has none of DETERMINISTIC, NO SQL, or RE ...

  4. 设备中LPC2368芯片个例参数问题导致故障的分析

    最近公司的设备客户报告在终端客户那里出现了板卡加热不受控,出现了持续加热导致设备一些贵重部件损坏.由于历史上很多现场问题,板卡什么拆到别的地方搭复现平台,基本都是以失败告终,所以出差去现场分析. 过程 ...

  5. $.getJSON同步和异步

    $.ajaxSettings.async = false; $.getJSON(url, data, function(data){ }); $.getJSON(url, data, function ...

  6. 五大Linux简单命令解决系统性能问题

    五大Linux简单命令解决系统性能问题 2010-12-17 10:07 James Turnbull TechTarget中国 字号:T | T 管理Linux主机的性能看起来经常象是在变魔术一样. ...

  7. MySql截取手机号

    IF(IFNULL(phone_number,'')='','',CONCAT(LEFT(phone_number,3),'****',RIGHT(phone_number,4)))  phone_n ...

  8. CodeForces-721A-One-dimensional Japanese Crossword

    链接: https://vjudge.net/problem/CodeForces-721A 题意: Recently Adaltik discovered japanese crosswords. ...

  9. 第六章 Linux文件与目录管理

    http://www.92csz.com/study/linux/6.htm 绝对路径:路径的写法一定由根目录”/”写起 相对路径:路径的写法不是由根目录”/”写起 mkdir 创建一个目录.mkdi ...

  10. 【leetcode】Monotone Increasing Digits

    Given a non-negative integer N, find the largest number that is less than or equal to N with monoton ...