如何将自动播放的音量设置为特定级别？

Question

在我的页面中，我有一个自动播放的音频片段，但是我需要将音量设置为特定级别，以便用户将音量调高至100％。如何做到这一点

HTML代码的任何想法：

<audio autoplay> 
    <source src="Media File here"> 
</audio> 

Answer 1

可以使用volume attribute：

<audio autoplay="autoplay" volume="0.5"> 
    <source src="Media File here"> 
</audio> 

值可以从0.0（静音）至1.0（最高）

更新

这似乎是volume属性没有被很好地执行，所以这里是一个解决办法：

audio_tags = document.getElementsByTagName('audio') 
 
for (var i = 0; i < audio_tags.length; i++) { 
 
    audio_tags[i].addEventListener("loadstart", function() { 
 
    this.volume = this.getAttribute('volume'); 
 
    }, true); 
 
}

<audio controls="controls" volume="0.1"> 
 
    <source src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Example.ogg" type="audio/ogg"> 
 
    Your browser does not support the audio element. 
 
</audio> 
 
<br /><br /> 
 
<audio controls="controls" volume="0.9"> 
 
    <source src="https://upload.wikimedia.org/wikipedia/commons/c/c8/Example.ogg" type="audio/ogg"> 
 
    Your browser does not support the audio element. 
 
</audio>