Button mute [Résolu]

Cubicole 2 Messages postés lundi 23 novembre 2015Date d'inscription 24 novembre 2015 Dernière intervention - 23 nov. 2015 à 20:27 - Dernière réponse : Cubicole 2 Messages postés lundi 23 novembre 2015Date d'inscription 24 novembre 2015 Dernière intervention
- 24 nov. 2015 à 13:37
Bien le bonjours ou bonsoir voici mon petit problème

Je souhaite créer un bouton permettant de couper et de remettre le son d'une musique.

la musique se coupe bien dans un premier temps mes lorsque que je souhaite re-cliquer dessus cela ne reviens pas.

voici mon petit code...

  <audio id="bgAudio" autoplay="autoplay" loop="loop"><source src="?????.mp3" type="audio/mp3" />Votre navigateur n'est pas compatible</audio>
  <div class="mute" onClick="change_mute()"></div>


.mute{
  position:absolute;
  width:32px;
  height:32px;
  bottom:10;
  right:15;
  background-image:url(../img/volume.png);
}


  backgroundAudio=document.getElementById("bgAudio");
  backgroundAudio.volume=0.33;

  function change_mute(){
    if ($('.mute').css('background-image','url(img/volume.png)')){
      backgroundAudio.volume=0;
      $('.mute').css('background-image','url(img/mute.png)')
    }else{
      backgroundAudio.volume=0.33;
      $('.mute').css('background-image','url(img/volume.png)')
    }
}


Merci d'avance pour résoudre mon erreur.
Afficher la suite 

2 réponses

Répondre au sujet
@karamel 1652 Messages postés vendredi 9 mai 2008Date d'inscriptionModérateurStatut 14 décembre 2017 Dernière intervention - Modifié par kazma le 24/11/2015 à 12:44
+1
Utile
bonjour il existe la methode muted


function change_mute(){
if (backgroundAudio.muted==false){
backgroundAudio.muted=true;
$('.mute').css('background-image','url(img/mute.png)')
}else{
backgroundAudio.muted=false;
$('.mute').css('background-image','url(img/volume.png)')
}
}


rien ne sert de courir il faut partir a point.
cours Forest cours !
Cette réponse vous a-t-elle aidé ?  
Commenter la réponse de @karamel
Cubicole 2 Messages postés lundi 23 novembre 2015Date d'inscription 24 novembre 2015 Dernière intervention - 24 nov. 2015 à 13:37
0
Utile
Cela fonctionne très bien je te remercie pour ton aide.
Commenter la réponse de Cubicole

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.