javascript - 使用jQuery进行音频渐入和渐出

我正在尝试淡入淡出，但是我不知道我的代码有什么问题。淡入工作但淡出则不行。

代码下方:

        var mPlayer = document.getElementById("pad-c");
        $(mPlayer).prop("volume", 0.0);

        var isPlaying = false;

        function playAudio() {
            mPlayer.play();
            isPlaying = true;
        }

        function pauseAudio() {
            mPlayer.pause();
            isPlaying = false;
        }
        function playPauseC() {
          if (isPlaying == true) {
            $(mPlayer).animate({volume: 0.1}, 5000);
            pauseAudio();
          } else {
            $(mPlayer).animate({volume: 1.0}, 5000);
            playAudio();
          }
        }

最佳答案

现在，您在淡出的同时暂停音频。在淡出完成后，使用 complete 上的.animate()参数暂停音频。

function playPauseC(){
  if(isPlaying == true) {
    $(mPlayer).animate({volume: 0.1}, 5000, function() {
      pauseAudio();
    });
  } else {
    $(mPlayer).animate({volume: 1.0}, 5000);
    playAudio();
  }
}

关于javascript - 使用jQuery进行音频渐入和渐出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/60127505/