时间戳

首页 > 解决方案 > 单击 HTML 按钮时尝试播放声音

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

问题描述

我对网络开发相当陌生，我认为使用按钮播放声音将是一个足够简单的项目。我首先尝试关注一个在线视频，该视频在 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()"作为属性

    <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>

标签： javascripthtmlaudio

解决方案

尝试以下两种方法之一：

解决方案 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>

推荐阅读