Question

我正在尝试为我网站的自定义音频播放器创建一个静音按钮。显然，这个简单的事情给我带来了真正的头痛。

如下所示，我尝试在按钮上添加IF语句。如果音量打开，我按下按钮，静音音量。否则，如果音量减弱，则取消静音。

<audio id="audio" >
<source src="material/audio/sound.mp3"
        type='audio/mpeg;
        codecs="mp3"'/>
</audio>

<button ID="mute"
    onclick="muteAudio()">

<img src="material/images/mute.png"
    ID="mute_img"/>

<script type="text/javascript">

function muteAudio() {
var audio = document.getElementById('audioPlayer');

if (audio.mute = false) {
    document.getElementById('audioPlayer').muted = true;
}
else {
    audio.mute = true 
    document.getElementById('audioPlayer').muted = false;

    }
}
</script>

Answer 1

您需要使用==（比较）而不是=（作业）：

if (audio.mute == false) 
{
    document.getElementById('audioPlayer').muted = true;
}
else 
{
    audio.mute = true 
    document.getElementById('audioPlayer').muted = false;
}

或者更好的方法是使用!（非）运算符：

if (!audio.mute)

音频播放器静音按钮（HTML5和Javascript）

1 个答案: