javascript - 使用 JavaScript 淡出 Mp3 歌曲

Question

我正在尝试创建一个嵌入了一些 JavaScript 的 HTML 文件，该文件允许我按下按钮并开始淡出歌曲。我已经设法让它工作，以便它播放歌曲(这是一个开始)。但我一直在尝试使用第二个功能来尝试降低音量并在该功能上设置延迟，有人可以帮忙吗？!

<audio id="myAudio"
 <source src="1.mp3"
         type='audio/mp4'>
</audio>
<button type="button" onclick="aud_play()">Play</button>
<button type="button" onclick="aud_fade()">Fade</button>

<script>
var vol = myAudio.volume;
var timer;
function aud_play() {
  var myAudio = document.getElementById("myAudio");
    myAudio.play();

}

function aud_fade(){
 var myAudio = document.getElementById("myAudio");
 if (vol > 0) {
    vol = vol - 0.2 ;
}
timer = setTimeout(aud_fade,2);
}
</script>

Answer 1

试试这个:

function aud_fade() {
    var myAudio = document.getElementById("myAudio");
    if (myAudio.volume > 0) {
        myAudio.volume -= .2;
        timer = setTimeout(aud_fade, 200);
    }
}