我正在寻找一种使用没有控件的代码自动减少音量的方法。
我尝试了这段代码,但音量并没有改变:
<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>
答案 0 :(得分:0)
您可以使用范围为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;
以下是您可以获取更多信息的链接: