Numerosept
Ich habe verstanden, wie man einen stumm schaltet <audio> Sound-Objekt, indem Sie diesen Code einfügen:
<a href="#" onclick="document.getElementById('ambiance').muted = true; return false">
mute sound
</a>
Jetzt suche ich, wie ich meinen Ton mit derselben Taste mit der Option zum Umschalten stumm schalten / die Stummschaltung aufheben kann?
Kann mir jemand eine Anleitung geben?
var audioElm = document.getElementById('ambiance'); audioElm.muted = !audioElm.muted;
Mofizul I
Versuche dies:
.unmute {
background-image: url(http://franriavilla.in/images/unmute.png);
background-size: cover;
width: 35px;
height: 30px;
cursor: pointer;
}
.mute {
background-image: url(http://franriavilla.in/images/mute.png);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>