如何將自動播放的音量設置爲特定級別？

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>