javascript - 在脚本中设置默认音量

Question

我有一个网站，可以在加载时循环播放音乐，但声音太大。我有一个 slider 来更改音乐音量，但如何将其默认为 slider 的 25%？

WEBSITE

<audio id=music loop autoplay src="peep.mp3">
  <p>If you are reading this, it is because your browser does not support the audio element.</p>
</audio>
<input id="vol-control" type="range" min="0" max="100" step="1" oninput="SetVolume(this.value)" onchange="SetVolume(this.value)"></input>

<script>
    function SetVolume(val)
    {
        var player = document.getElementById('music');
        console.log('Before: ' + player.volume);
        player.volume = val / 100;
        console.log('After: ' + player.volume);
    }
</script>

Answer 1

只需创建一个设置音量的脚本:

var audio = document.getElementById("music");
audio.volume = 0.25;