1. Accueil
  2. Forum Codes-Sources
  3. Javascript / DHTML
Sujet Précédent Sujet Suivant

Button mute [Résolu]

Signaler
Messages postés
2
Date d'inscription
lundi 23 novembre 2015
Statut
Membre
Dernière intervention
24 novembre 2015
 -
Messages postés
2
Date d'inscription
lundi 23 novembre 2015
Statut
Membre
Dernière intervention
24 novembre 2015
 -
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.
A voir également:

2 réponses

Réponse 1 / 2
Messages postés
1787
Date d'inscription
vendredi 9 mai 2008
Statut
Non membre
Dernière intervention
9 juin 2021
 131
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 !
Réponse 2 / 2
Messages postés
2
Date d'inscription
lundi 23 novembre 2015
Statut
Membre
Dernière intervention
24 novembre 2015
Cela fonctionne très bien je te remercie pour ton aide.
Répondre Posez votre question