javascript – 点击按钮时发出哔哔声

好的,我在这里读过几个答案但是根本没有帮助我(实际上,没有一个被接受作为答案)

问题是如何在“按钮点击”上“发出嘟嘟声”

我正在尝试建立一个适用于触摸屏设备的网站,所以我希望每个按钮点击事件都会发出哔哔声,对于使用该网站的用户来说应该更好.哔声文件在这里:http://www.soundjay.com/button/beep-07.wav.我只需要在谷歌浏览器上做这项工作(支持HTML5)

我理解这需要在客户端工作,所以我尝试了这个:

使用Javascript:

<script>
    function PlaySound(soundObj) {
        var sound = document.getElementById(soundObj);
        sound.Play();
    }
</script>

HTML

<embed src="/beep.wav" autostart="false" type="audio/mpeg" loop="false" width="0" height="0" id="beep" enablejavascript="true" />
<asp:LinkButton ID="lbtnExit" runat="server" OnClick="lbtnExit_Click" OnClientClick="PlaySound('beep')" CssClass="btn btn-lg btn-danger" Text="Exit <i class='fa fa-sign-out' style='font-size: 40px'></i>"></asp:LinkButton>

但它不起作用,单击按钮时没有任何反应.

解决方法:

你可以使用这样的音频标签:

    <audio id="audio" src="http://www.soundjay.com/button/beep-07.wav" autoplay="false" ></audio>
    <a onclick="playSound();"> Play</a>
    <script>
    function playSound() {
          var sound = document.getElementById("audio");
          sound.play();
      }
    </script>

这是一个Plunker

上一篇:如何嵌入与wx.iconfrombitmap(wx.bitmap(path))python一起使用的图像


下一篇:android-在主要活动中嵌入外部意图