使用 Javascript 暂停音频时发出“流行噪音”

Question

我的 html 中有一个音频标签，里面有 .wav。使用 Javascript，我选择音频标签并播放 wav，我使用键盘键触发。 我想要实现的是，例如，在按下每个“A”键时，重放 .wav/从头开始播放声音）

音频播放正常，暂停也正常。但是，当我直接暂停播放 .wav 时，我会听到爆裂声。

var audio = document.getElementById(sound);

if (!isPlaying(audio)) {
   audio.play();     // works
} else {
   audio.pause();    // pops on this line; I checked with commenting below lines.
   audio.currentTime = 0;
   audio.play();
}

我找到了this answer，据我了解，这是因为我立即将音量设置为 0；但我无法弄清楚我的情况。我相信使用带有 setInterval 的推子不是一个好方法

我还找到了audio.muted = true，并尝试在暂停音量之前使用它（并在播放音频之前使用audio.muted = false），但这也会产生爆音

---

更新：

我认为我需要使用淡出来解决这个问题。有没有办法立即淡出音频？

Answer 1

更新：

我认为我需要使用淡出来解决这个问题。有没有 如何立即淡出音频？

您可以使用.animate() 将volume 属性从当前值动画到0

var audio = $("audio");
$("button").click(function() {
  if (audio[0].volume > 0) {
    audio.animate({volume:0});
    // call `.pause()` here
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio controls  src="https://upload.wikimedia.org/wikipedia/commons/6/6e/Micronesia_National_Anthem.ogg"></audio>
<button>fade out audio</button>