转载自龚清林的博客

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
<title>JS 声音提示</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.gongqinglin.com/js/jquery-1.7.2.min.js"></script>
</head>
<body>
<script language="javascript">playSound();
function playSound(){var borswer = window.navigator.userAgent.toLowerCase();if ( borswer.indexOf( "ie" ) >= 0 ){//IE内核浏览器var strEmbed = '<embed name="embedPlay" src="http://www.gongqinglin.com/accessory/ding.wav" autostart="true" hidden="true" loop="false"></embed>';if ( $( "body" ).find( "embed" ).length <= 0 )$( "body" ).append( strEmbed );var embed = document.embedPlay;//浏览器不支持 audion,则使用 embed 播放embed.volume = 100;//embed.play();这个不需要} else{//非IE内核浏览器var strAudio = "<audio id='audioPlay' src='http://www.gongqinglin.com/accessory/ding.wav' hidden='true'>";if ( $( "body" ).find( "audio" ).length <= 0 )$( "body" ).append( strAudio );var audio = document.getElementById( "audioPlay" );//浏览器支持 audionaudio.play();}}</script>
</body>
</html>

JS 声音提示 兼容所有浏览器相关推荐

  1. html5 video.js 使用及兼容所有浏览器

    http://www.itnose.net/detail/6076396.html 一.准备材料 video.js下载: http://www.videojs.com/ 二.代码 引入相关文件: 贴入 ...

  2. JS播放声音 兼容所有浏览器

    <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum ...

  3. html5 复制到剪贴板 兼容,js/jQuery实现复制到剪贴板功能,兼容所有浏览器

    因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...

  4. 加入收藏js代码 兼容所有浏览器

    我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令, ...

  5. html5 复制到剪贴板 兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)

    两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...

  6. html5 加入收藏夹,js添加到收藏夹代码 兼容所有浏览器

    介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果 ...

  7. html 关闭当前页面,js关闭当前页面/关闭当前窗口(兼容所有浏览器)

    windows自带的方法 window.close() 代码如下 关闭窗口 这办法问题很多,不兼容就不多介绍了,下面我们再看一个实例 window.close()就可以,不过它会出个提示"您 ...

  8. 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器...

    移动端js实现点击复制到剪贴板,带提示,[真正]兼容所有浏览器,包括安卓和ios及uc.qq.微信.手机自带等浏览器. github,欢迎star: https://github.com/majian ...

  9. JS中常遇到的浏览器兼容问题和解决方法

    JS中常遇到的浏览器兼容问题和解决方法 参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...

最新文章

  1. PHP性能追踪及分析工具xhprof的安装与使用
  2. php通用下载方法,php实现当前页面点击下载文件的简单方法
  3. Blazor 机制初探以及什么是前后端分离,还不赶紧上车?
  4. java ee自动生成编码_EE Servlet 3:在Servlet中生成HTML输出
  5. wordcloud python3.6能用吗_Python3.6环境下安装wordcloud模块遇到的问题及解决办法
  6. java-线程-生产者-消费者
  7. obj文件编辑软件_工程动画制作 | MAX文件导出obj、fbx格式在Bentley软件中应用
  8. jsp import mysql con_jsp的分页查询的代码(mysql数据库)
  9. 科学与技术计算机图片解释,【图片】计算机-科普—都是从网上找的【计算机科学与技术吧】_百度贴吧...
  10. 在cisco switch上配置MSTP
  11. chmod命令使用详解
  12. LDA主题模型简介及Python实现
  13. python画柱状图-python plotly画柱状图代码实例
  14. Linux下输入法切换快捷键设置
  15. 计算机测试性评估,计算机CPU性能评估软件PCMark
  16. java课题研究方法和技术途径_课题研究的基本方法有哪些?
  17. 电机驱动芯片效果对比
  18. 极案例 | 守护地铁运营“生命线”,极视角与深圳地铁运管办共建“AI智能巡检系统”
  19. 百度沈抖:文心一言将通过百度智能云对外提供服务
  20. 装饰设计模式缓冲流转换流序列化与反序列化

热门文章

  1. 微信小程序加油站小程序带后台
  2. 58到家,或将到不了家
  3. 专家:刷脸登录有漏洞 互联网企业在玩噱头
  4. 2022还在为怎样去提升自己Android技术而发愁吗?享学课堂是个不错的选择
  5. linux点歌机硬盘,自己动手给KTV点歌机换大硬盘
  6. 【Java 8 新特性】Java Comparator.naturalOrder | 自然排序
  7. DSPE-PEG-GE11,磷脂-聚乙二醇-肿瘤细胞表皮生长因子肽GE11
  8. 读书笔记 - 《人民的名义》
  9. Naked dog come out
  10. openssl 的安装