javascript - 自动播放HTML时降低背景音乐音量

我的页面上有一些动物图片，当您单击它们时，它会播放动物的声音，但是由于它是 child 游戏，所以我有背景音乐，但是声音太大。我想要背景音乐自动播放时，音量变为0.5。如何设置执行该功能的功能？我不需要基于点击的功能，而是希望它隐藏起来并自动更改音量。

该功能(不起作用)

myAudio = document.getElementById("audio1");

function setHalfVolume() {
    myAudio.volume = 0.4;
}

的HTML

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

最佳答案

您需要的事件称为onloadeddata。

另外，除非您需要从其他函数或全局访问myAudio变量，否则建议将其移到setHalfVolume函数中。试试看。

将您的HTML更改为:

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

将您的JavaScript更改为:

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 ;)
}