Question

我正在寻找一种使用没有控件的代码自动减少音量的方法。

我尝试了这段代码，但音量并没有改变：

<audio id= "audio1" onloadeddata="setHalfVolume()">
<source src="Audio\Jaunty Gumption.mp3"  type="audio/mp3">
</audio>

<script>
function setHalfVolume() {
 var myAudio = document.getElementById("audio1");  
 myAudio.volume = 0.5; //Changed this to 0.5 or 50% volume since the    function is called Set Half Volume ;)
  }
 </script>

Answer 1

您可以使用范围为volume（无声）的0.0方法1.0（最响亮）。

以下是您可以在MDN中找到的有用代码段：

<audio id="demo" src="audio.mp3"></audio>
<div>
  <button onclick="document.getElementById('demo').play()">Play the Audio</button>
  <button onclick="document.getElementById('demo').pause()">Pause the Audio</button>
  <button onclick="document.getElementById('demo').volume+=0.1">Increase Volume</button>
  <button onclick="document.getElementById('demo').volume-=0.1">Decrease Volume</button>
</div>

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

您也可以这样做：

var sound = document.getElementById("myAudio");
sound.volume = 0.2;

以下是您可以获取更多信息的链接：

http://www.w3schools.com/tags/av_prop_volume.asp

无需控制即可减少音量

1 个答案: