bouton muet et unmute bascule html5 audio

Question

J'ai compris comment couper un objet sonore <audio> en plaçant ce code:

<a href="#" onclick="document.getElementById('ambiance').muted = true; return false"> 
    mute sound 
</a> 

Maintenant, je suis à la recherche comment désactiver/activer mon son en utilisant le même bouton avec la possibilité de le basculer?

Quelqu'un peut-il me donner des instructions?

Answer 1

var audioElm = document.getElementById('ambiance'); audioElm.muted = !audioElm.muted; 

Answer 2

Essayez-le

https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js

.unmute{ 
 
\t \t \t background-image: url(http://franriavilla.in/images/unmute.png); 
 
\t \t \t background-size: cover; 
 
\t \t \t width:35px; 
 
\t \t \t height:30px; 
 
\t \t \t cursor: pointer; 
 
\t \t } 
 

 
\t \t .mute{ 
 
\t \t \t background-image: url(http://franriavilla.in/images/mute.png); 
 
\t \t }

<audio id="track" autoplay="autoplay" loop="loop"> 
 
    <source src="audio/ThemePackNet.mp3" type="audio/ogg" /> 
 
</audio> 
 
    
 
<div class='unmute' onclick="document.getElementById('track').muted = !document.getElementById('track').muted;$(this).toggleClass('mute')"></div>