JS 声音提示 兼容所有浏览器
转载自龚清林的博客
<!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 声音提示 兼容所有浏览器相关推荐
- html5 video.js 使用及兼容所有浏览器
http://www.itnose.net/detail/6076396.html 一.准备材料 video.js下载: http://www.videojs.com/ 二.代码 引入相关文件: 贴入 ...
- JS播放声音 兼容所有浏览器
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum ...
- html5 复制到剪贴板 兼容,js/jQuery实现复制到剪贴板功能,兼容所有浏览器
因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...
- 加入收藏js代码 兼容所有浏览器
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令, ...
- html5 复制到剪贴板 兼容,JS实现复制内容到剪贴板功能兼容所有浏览器(推荐)
两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能 ...
- html5 加入收藏夹,js添加到收藏夹代码 兼容所有浏览器
介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令,如果 ...
- html 关闭当前页面,js关闭当前页面/关闭当前窗口(兼容所有浏览器)
windows自带的方法 window.close() 代码如下 关闭窗口 这办法问题很多,不兼容就不多介绍了,下面我们再看一个实例 window.close()就可以,不过它会出个提示"您 ...
- 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器...
移动端js实现点击复制到剪贴板,带提示,[真正]兼容所有浏览器,包括安卓和ios及uc.qq.微信.手机自带等浏览器. github,欢迎star: https://github.com/majian ...
- JS中常遇到的浏览器兼容问题和解决方法
JS中常遇到的浏览器兼容问题和解决方法 参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...
最新文章
- 【整理】Linux驱动中,probe函数何时被调用
- linux系统打开m3u8文件,M3U8 文件扩展名: 它是什么以及如何打开它?
- linux ethtool 查看网卡状态
- Linux基础--MBR/GPT与parted
- 【nyoj - 252】 01串(简单dp)
- linux重定向命令语法,linux重定向命令应用及语法
- Java模拟实现一个基于文本界面的《家庭记账软件》
- backbond Model实现
- python可不可以同时执行1000个线程_python怎么能同时执行代码(多线程)?
- 《笑傲网湖》第一回 从HUB和LANSWITCH开始
- 我爱你各国的说法+50情话台词 拿去撩妹吧
- 关于IDEA下载安装,jpcap与wincap的一些使用方法
- pip安装第三方库 报错:You should consider upgrading
- 计算机无法加载引导,硬盘找不到无法读取MBR(硬盘的主引导记录)故障分析及解决技巧...
- 【工程应用】用Redis存储特征
- 搭建网站,需要几种服务器?
- 柯西积分不等式的证明题
- 大学计算机数学基础2,计算机数学基础-中国大学mooc-题库零氪
- 从粉丝经济看粉丝运营
- 如何才能做到用户持续增长?