javascript - 音量超出范围

Question

我的控制台日志抛出以下错误:

Uncaught DOMException: Failed to set the 'volume' property on 'HTMLMediaElement': The volume provided (1.005) is outside the range [0, 1].

任何人都可以向我解释一下如何解决这个问题吗？任何帮助表示赞赏!谢谢。

代码:

// Fade out/in functions for music player

function audio_fade_out(){
      var timer,
          myAudio = document.getElementById("musicPlayer");
      if (myAudio.volume > 0) {
          myAudio.volume -= 0.003;
          timer = setTimeout(audio_fade_out,0);
          console.log(myAudio.volume);
      }
  }

function audio_fade_in(){
      var timer,
          myAudio = document.getElementById("musicPlayer");
      if (myAudio.volume < $audio_volume) {
          myAudio.volume += 0.005;
          timer = setTimeout(audio_fade_in,10);
          console.log(myAudio.volume);
      }
  }

Answer 1

对于 audio_fade_out()，有可能低于 0。如果 myAudio.volume 是 0.001，这通过了 > 0 的测试，但您仍然从中减去 0.003

在 audio_fade_in() 中，谁知道呢，因为您没有向我们展示 $audio_volume 是什么。

按照您的方法，您要做的是将音量设置为 Math.max(myAudioVolume - 0.003, 0) 以将值限制在 0< 或以上。对 audio_fade_in() 进行逆运算... Math.min(myAudioVolume + 0.005, 1)。

不过，您真正应该做的是使用 Web Audio API 并增加 GainNode 的 gain 参数。这样听起来会顺畅得多。

https://developer.mozilla.org/en-US/docs/Web/API/AudioParam/exponentialRampToValueAtTime