Кнопка отключения звука аудио (HTML5 и Javascript)

Question

Я пытаюсь создать кнопку отключения звука на пользовательском аудиоплеере своего веб-сайта. Видимо, эта простая вещь дает мне настоящую головную боль.

Как вы видите ниже, я попытался указать кнопку IF на кнопку. Если громкость включена, и я нажимаю кнопку, отключите звук. иначе, если громкость si отключена, включите ее.

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