使用JS设置音频元素音量

Question

我正在尝试使用JavaScript设置音频元素的音量，但我无法真正更改它。 我将控制台audio.volume日志，它显示它已设置为我在JS中设置的值，但实际上并没有影响音量。 （尝试将其设置为0只是为了查看它是否静音）

这是我的代码

HTML

<audio id="audio" v-if="image.play == true" loop autoplay>
   <source v-bind:src="image.audio" type="audio/wav">
</audio>

JS

const audio = document.querySelector('audio');
audio.volume = 0;

Answer 1

<script>    
    var audio = document.getElementById("audio");
    audio.volume = 0.2;
</script>

您可以使用HTML5将音量从0.0（静音）更改为1.0（静音）。