Mettre du son sur une image au click sur tactile

**madeclik** · 04/12/2019, 11h09

Bonjour, suite à une ancienne discussion de 2009 sur ce forum j'ai trouvé comment mettre du son sur une image au clic avec le code suivant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<a href="voxi_aboiements.mp3" target="id_iframe" title="WAF WAF WAF WAF WAF WAF !!!">
  <img src="tout_62_500px.jpg" alt="Cavalier King Charles" class="image">
</a><br>
<!-- DIV n'apparaissant pas -->
<div style="width:1px;height:0px;overflow:hidden;">
  <iframe id="id_iframe" name="id_iframe" src=""></iframe>
</div>

Le problème c'est qu'il ne fonctionne pas pour les version mobile et tablette,

Peut être qu'une solution est envisageable ?

merci d'avance

**ProgElecT** · 04/12/2019, 11h18

Salut

Jamais mis en œuvre, mais regardes de ce coté Événements tactiles

**madeclik** · 04/12/2019, 12h04

merci pour la redirection, les informations m'ont été très utile :
voici un exemple pour mettre un son sur une image et un déclenchement au touché tactile :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<body>
    <audio autoplay="false" id="MonSon" src="https://site-exemple.com/monson.mp3"></audio>
    <div id="beep">
        <img alt="" src="https://site-exemple.com/monimage.png" />
    </div>
</body>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script>
document.getElementById('beep').addEventListener('touchstart', function () {
            JouerSon();
        });
 
        function JouerSon() {
            var sound = document.getElementById("MonSon");
            sound.play();
        }
</script>

j'ai remplacé le "click" par "touchstart" dans le déclencheur pour appeler ma fonction JouerSon
merci encore

Mettre du son sur une image au click sur tactile

HTML

Discussions similaires

Partager

Partager