Button mute [Résolu]

Question

Posez votre question Signaler

Button mute [Résolu]

Cubicole

Messages postés: 2
Date d'inscription: lundi 23 novembre 2015
Dernière intervention: 24 novembre 2015

- 23 nov. 2015 à 20:27 - Dernière réponse : Cubicole

Messages postés: 2
Date d'inscription: lundi 23 novembre 2015
Dernière intervention: 24 novembre 2015

- 24 nov. 2015 à 13:37

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

A voir également:

Votre réponse

Répondre au sujet

2 réponses

Signaler Commenter la réponse de Cubicole

Cubicole

Messages postés: 2
Date d'inscription: lundi 23 novembre 2015
Dernière intervention: 24 novembre 2015

- 24 nov. 2015 à 13:37

0

Merci

Cela fonctionne très bien je te remercie pour ton aide.

Votre réponse

Répondre au sujet

Posez votre question

@karamel · Accepted Answer

Meilleure réponse

Signaler Commenter la réponse de @karamel

@karamel

Messages postés: 1663
Date d'inscription: vendredi 9 mai 2008
Statut: Modérateur
Dernière intervention: 3 novembre 2018

- Modifié par kazma le 24/11/2015 à 12:44

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 !

Merci @karamel 1

Avec quelques mots c'est encore mieux Ajouter un commentaire

Codes Sources a aidé 88 internautes ce mois-ci

Button mute [Résolu]

Votre réponse

Votre réponse

Votre réponse

Vous n'êtes pas encore membre ? inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Vous n'êtes pas encore membre ?

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