时间戳

首页 > 解决方案 > 快速播放声音

javascript - 快速播放声音

问题描述

我正在制作一个javascript代码，如果你按下一个按钮，就会有声音。

HTML 一段代码：

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

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

标签： javascripthtmlbuttonaudioplayback

解决方案

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

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

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

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>

推荐阅读