javascript - 单击按钮时播放蜂鸣声

Question

好的，我已经在这里阅读了几个答案，但它们根本没有帮助我(事实上，它们都没有被接受为答案)

问题是如何在“点击按钮”时“播放提示音”

我正在尝试制作一个可在触摸屏设备上运行的网站，因此我希望每个按钮单击事件都会发出哔哔声，这对于使用该网站的用户来说应该更好。哔声文件在这里:http://www.soundjay.com/button/beep-07.wav .我只需要在 Google Chrome 上工作(支持 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>

但是它不起作用，当我点击按钮时没有任何反应。

Answer 1

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

    <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