无需控制即可降低音量

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

您可以使用范围为 0.0（静音）到 1.0（最大声）的 volume 方法。

这是您可以在 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;

这里是 link 您可以获得更多信息的地方：

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

无需控制即可降低音量

Reduce audio volume without control

html

javascript

audio

volume