ミュートおよびミュート解除ボタントグルHTML5オーディオ

Question

私はこのコードを置くことによって<audio>サウンドオブジェクトをミュートする方法を理解しました：

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

は今、私はと同じボタンを使って自分の音をミュート/ミュート解除する方法を探していますそれを切り替えるオプション？

誰でも私に指示を与えることができますか？

Answer 1

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

Answer 2

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>