JS播放声音

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<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文件相同目录下

转自:https://blog.csdn.net/quincylk/article/details/77853880

posted @   yangyang1900  阅读(442)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· 因为Apifox不支持离线,我果断选择了Apipost!
点击右上角即可分享
微信分享提示