JS 声音提示兼容所有浏览器

最新推荐文章于 2023-01-02 11:28:32 发布

fool_dawei

最新推荐文章于 2023-01-02 11:28:32 发布

阅读量6.8k

点赞数

分类专栏： javascript 文章标签： JS-声音提示 javascript 浏览器

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

转载自龚清林的博客

<!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" );

       //浏览器支持 audion
       audio.play();
     }
   }
</script>
</body>
</html>

fool_dawei

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
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="t
复制链接

扫一扫