javascript - 无控制地降低音量

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