单击 HTML 按钮时尝试播放声音

Question

我是网络开发的新手，我认为使用按钮播放声音是一个非常简单的项目。我首先尝试观看在线视频，该视频在 html 头部使用 javascript，看起来像 <script> var myaudio= new Audio() and myaudio.src="go.wav" </script>，按钮上有 onmousedown="myaudio.play()" 作为属性。

我尝试的第二种方法来自这里的一个问题，它没有使用 js 而只是 HTML5。在我的文档中我有 <audio id="myaudio" src="go.wav"> </audio> 并且在按钮上我有 onmousedown='document.getElementId('myaudio').play()" 作为属性这些方法都不会导致播放声音。我的声音文件与我的项目文件位于同一文件夹中。就像我说的，我对这个特别的东西很陌生，而且我根本没有使用过 Javascript。我认为这需要一些 js 并且是一个不错的起点。提前致谢！

编辑：这是我的最小代码由于我无法解决的格式问题，它不会让我在这里输入我的第一次尝试，但唯一的区别是头部有 <script> var myaudio= new Audio() and myaudio.src="go.wav" </script>，而按钮上有 onmousedown="myaudio.play()"as一个属性

    <html>
        <head>
            <title> Ready Go Trainer </title>
            <audio id="myaudio" src="go.wav"> </audio>
        </head>

        <body>

            <button type="button" class="but" onmousedown="document.getElementById('myaudio').play()"> start </button>

        </body>
    </html>

Answer 1

尝试以下两种方式之一：

解决方案 1:

function playSound() {
    var audio = document.getElementById('audio');
    audio.play();
}

<button onclick="playSound()">Play Sound</button>
<audio id="audio" src="./path/to/sound"></audio>

解决方案 2:

function playSound(soundFile) {
  new Audio(soundFile).play();
}

<button onclick="playSound('./path/to/sound')">Play Sound</button>

单击 HTML 按钮时尝试播放声音

Trying to play a sound when HTML button is clicked

html

javascript

audio