javascript - How to add a mute button to my app? -


i have few events in app make sounds.

for example,

  • background music looped
  • background on click makes sound
  • when 2 rectangles collide makes sound

what want have button when clicked toggles between letting sounds play , not letting them play.

i don't want have load of if statements on each sound, there way around ?

here how im calling sounds @ moment

//html     <div id='mainright'></div>  //js var mainright = $('#mainright');     $(mainright).width(windowdim.width/2).height(windowdim.height);     $(mainright).addclass('mainright');      var sounds = {          coinhit : new audio('./sound/coincollect.wav'),         playerclick : new audio('./sound/playerclick.wav'),         gameover : new audio('./sound/gameover.wav'),         backgroundmusic : new audio('./sound/backgroundmusic.wav')      }      sounds.backgroundmusic.addeventlistener('ended', function() {         this.currenttime = 0;         this.play();      }, false);     sounds.backgroundmusic.play();     sounds.backgroundmusic.volume = 0.01;      $('#mainright').click(function()     {         sounds.playerclick.load();         sounds.playerclick.play();     } 

try this...

function toggleaudio() {     for(var key in sounds) {         sounds[key].muted = !sounds[key].muted;     } } 

just fire every time hit mute button. toggle muted state of each audio object in sounds object.


Comments

Popular posts from this blog

Rendering JButton to get the JCheckBox behavior in a JTable by using images does not update my table -

javascript - Using jquery append to add option values into a select element not working -

Android soft keyboard reverts to default keyboard on orientation change -