javascript - Javascript所有音频淡出

Question

我想淡出所有正在播放的音频。我尝试了getElementsByTagName，但它似乎不适用于音频音量。我有几个音频，我将id命名为数字。检查我的HTML和JS代码。

HTML

<input type="text" size="3" value="1" id="numtext" style="font-size:700pt" >

<audio id=1>
    <source src=BGM/a.mp3>
</audio>

<audio id=2>
    <source src=BGM/b.mp3>
</audio>

<audio id=3>
    <source src=BGM/c.mp3>
</audio>

JS

    function fade() {

        var x = document.getElementById('numtext').value;
        var sounds = document.getElementById(x);

        var newVolume = (sounds.volume) - 0.07;

        // Check if the newVolume is greater than zero
        if(newVolume >= 0){
            sounds.volume = newVolume;
        }
        else{
            // Stop fade
        sounds.pause();
        sounds.currentTime = 0;
        sounds.volume = 1;

            clearInterval(interval);
        }

}

欢迎任何提示。

Answer 1

您可以尝试选择所有音频元素，例如:

    var audios = document.getElementsByTagName('audio');

然后，您可以在音频列表上做任何您想做的事

    for(i=0;i<audios.length;i++){
      //Do your stuff here on audios[i]
    }

希望能帮助到你 !