快速播放声音答案

【问题标题】：Play sounds quickly快速播放声音
【发布时间】：2018-05-10 17:21:22
【问题描述】：

我正在编写一个 JavaScript 代码，如果你按下一个按钮，就会有声音。

HTML 一段代码：

<audio id="sound" src="sound.wav"></audio>
...
<input class="button_white" type="button" onClick="document.getElementById('sound').play()"></input>

我注意到当我快速按下按钮时，它不会播放任何声音（一种滞后）。有没有办法解决这个问题？

【问题讨论】：

标签： javascript html button audio playback

【解决方案1】：

<audio controls>
  <source src="sound.wav" type="audio/ogg">
</audio>

使用内置的“控制”属性播放源文件。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio 或
按钮标签来处理它

var x = document.getElementById("myAudio"); 

function playAudio() { 
    x.play(); 
} 

function pauseAudio() { 
    x.pause(); 
}

<audio id="myAudio">
  <source src="sound.wav">
</audio>

<p>Click the buttons to play or pause the audio.</p>

<button onclick="playAudio()" type="button">Play Audio</button>
<button onclick="pauseAudio()" type="button">Pause Audio</button>

【讨论】：

我已经阅读了您的代码（感谢您的及时回复），但这不是我想做的事情。我需要按下按钮来播放 1 秒的声音（完全）。如果我选择快速按下按钮（例如每隔一秒或半秒），我经常听不到声音。
您是否正在尝试创建一个切换按钮，该按钮可以通过单个按钮播放和暂停音频？
不完全是。该按钮不必暂停音频。它只播放一秒钟的声音。在声音期间或之后，我可以再次按下按钮，声音可以开始与之前的声音重叠。我想用它来制作声学键盘。