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

每天都进步一点点

已于 2022-02-25 08:54:49 修改

阅读量3.2w

点赞数 13

分类专栏： js 文章标签：播放声音 js 兼容

于 2015-10-23 20:24:16 首次发布

本文链接：https://blog.csdn.net/gongqinglin/article/details/49365729

版权

js 专栏收录该内容

50 篇文章 3 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS播放声音 兼容所有浏览器</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="龚清林 - http://www.gongqinglin.com" />
<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>

2017/10/13通知：
http://www.gongqinglin.com 域名已过期，没再续费。要声音文件可以去百度云盘下载，下载地址：https://pan.baidu.com/s/1hsw6xJQ 声音文件提示：“您有新的消息，请注意查收！”

2018/11/1通告：
兼容所有浏览器（吹的，还是有兼容问题）