JS播放声音

最新推荐文章于 2025-08-05 15:52:49 发布

原创最新推荐文章于 2025-08-05 15:52:49 发布 · 5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #audio

Javascript 专栏收录该内容

45 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript在网页中播放音频。对于IE内核浏览器，它使用`<embed>`标签，而对于非IE浏览器，它利用`<audio>`标签进行播放。示例代码中播放的声音文件名为'dingdong.wav'，并确保了在不同类型的浏览器中都能正确播放。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS播放声音</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<script language="javascript">
playVoice();
function playVoice()
    {
      var borswer = window.navigator.userAgent.toLowerCase();
      if(borswer.indexOf( "ie" ) >= 0)
      {
        //IE内核浏览器
        var strEmbed = '<embed name="embedPlay" src="dingdong.wav" autostart="true" hidden="true" loop="false"></embed>';
        if ($("body").find("embed").length <= 0){
            $("body").append(strEmbed);
        }
       var embed = document.embedPlay;

        //浏览器不支持 audio，则使用 embed 播放
        embed.volume = 100;
      }else{
        //非IE内核浏览器
        var strAudio = "<audio id='audioPlay' src='dingdong.wav' hidden='true'>";
        if($("body").find("audio").length <= 0){
         $("body").append(strAudio);
        }
        var audio = document.getElementById("audioPlay");

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

dingdong.wav为声音文件，放在HTML文件相同目录下。