單擊按鈕時播放聲音 html

Question

我想當你點擊一個按鈕時它會發出聲音，我試過這個：

<script type="text/javascript">
        var audio = new Audio('audio_file.mp3');
</script>
<button id="Draw/Chat" onclick="audio.play();" type="button" style="font-weight:bold; background: none rgb(0, 255, 0); border: none; color: rgb(255, 255, 255); box-shadow: none; height: 52px; width: 110px; left: 190px; top: 80px; border-radius: 5px; cursor: pointer; position: absolute;">Draw/Chat</button>

Answer 1

<!doctype html>
<html>
  <head>
    <title>Audio</title>
  </head>
  <body>

    <script>
      function play() {
        var audio = document.getElementById("audio");
        audio.play();
      }
    </script>

    <input type="button" value="PLAY" onclick="play()">
    <audio id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>

  </body>
</html>

請嘗試此代碼

Answer 2

不要在 onclick function 中使用分號：

<script type="text/javascript">
        var audio = new Audio('audio_file.mp3');
</script>
<button id="Draw/Chat" onclick="audio.play()" type="button" style="font-weight:bold; background: none rgb(0, 255, 0); border: none; color: rgb(255, 255, 255); box-shadow: none; height: 52px; width: 110px; left: 190px; top: 80px; border-radius: 5px; cursor: pointer; position: absolute;">Draw/Chat</button>

單擊按鈕時播放聲音 html

問題描述

2 個解決方案

解決方案1
0 2022-01-26 08:32:26

解決方案2
-1 2022-01-26 08:34:16

單擊按鈕時播放聲音 html

問題描述

2 個解決方案

解決方案1 0 2022-01-26 08:32:26

解決方案2 -1 2022-01-26 08:34:16

解決方案1
0 2022-01-26 08:32:26

解決方案2
-1 2022-01-26 08:34:16