Posez votre question Signaler

Button mute [Résolu]

Messages postés
2
Date d'inscription
lundi 23 novembre 2015
Dernière intervention
24 novembre 2015
 -
Javascript / DHTML Posez votre question Signaler
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 

Votre réponse

Répondre au sujet

2 réponses

Meilleure réponse
Signaler Commenter la réponse de @karamel
Messages postés
1665
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
4 janvier 2019
 34
1
Merci
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 !

Dire « Merci » 1

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

Codes Sources 87 internautes nous ont dit merci ce mois-ci

Commenter la réponse de @karamel
Signaler Commenter la réponse de Cubicole
Messages postés
2
Date d'inscription
lundi 23 novembre 2015
Dernière intervention
24 novembre 2015
0
Merci
Cela fonctionne très bien je te remercie pour ton aide.
Commenter la réponse de Cubicole

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

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.