How to get isMute using javascript?

에 의해 Andreas Karlsson

2014년 07월 14일 15:20 영어 (English) 5 댓글

Hi,

I want to know if the user allows sound or not on their gear device.

Currently the music plays nomather what but I dont want it that way. So how do I findout if they user has muted (optionally what volume hes using) only using javascript?

Responses

5 댓글

Marco Buettner

2014년 07월 15일 00:35

You have to ways

Easy method

HTML

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio tag.
</audio>

JavaScript

function isMuted() {
    var audioElem = document.querySelector('audio');
    return audioElem.muted;
}

(function() {
    $(document).on("click", 'audio', function() {
        console.log("isMuted? := "+isMuted());
    });
})();

Otherwise you can setup up a eventhandler for volume changes (preferred)

HTML

same above ;)

JavaScript

(function() {
    var audioElem = document.querySelector('audio');
    audioElm.addEventListener("volumechange", function () {
      if (audioElm.muted)
        console.log("MUTED");
    else
        console.log("NOTE MUTED");
    }, false);
})();