使用jQuery进行音频淡入和淡出

Question

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

以下代码：

        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();
          }
        }

Answer 1

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

.animate()