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