Déclencher un fichier son sans ouvrir un nouvel onglet ou une nouvelle fenêtre ?

Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour.

Existe-t-il une commande qui permette à un lien de déclencher un son (ex. mp3 ou autre) sans que cela n'ouvre une nouvelle fenêtre ou un nouvel onglet ?
Autrement dit : je clique, on entend un son mais rien n'est modifié sur mon écran visuellement...

Merci beaucoup.
A voir également:

3 réponses

Réponse 1 / 3
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Le PHP s'exécute côté SERVEUR.
Pour gérer les évènements ( click ou autres...) il faut utiliser du JAVASCRIPT.

https://www.w3schools.com/jsref/event_onclick.asp
https://www.w3schools.com/jsref/met_audio_play.asp
0
Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup pour ta réactivité et ta réponse, jordane45.
Malheureusement, je suis niveau zéro en programmation, et je suis largué par les explications.
J'ai bidouillé avec des copier-coller un site, sans toujours comprendre ce que je faisais.
C'est ça : http://penishband.fr
Penses-tu par exemple possible d'obtenir ce que je recherche sur cette page, avec l'utilisation du guide-chant ?
http://penish-band.cc-parthenay-gatine.fr/entrer1.htm
Amicalement.
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752 > Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Dans le second lien que je t'ai donné... il y a un bouton marqué Try it yourself
Ce bouton te mène à cette page : https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_audio_play
Tout le code Html et Javascript nécessaire s'y trouvent....
Toi qui aime le copier/coller... cela devrait te suffire.
0
Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Merciiiii !
Je vais tester tout ça quand j'aurai un moment. Je te tiendrai au courant.
Si je m'en tire, t'as gagné au choix un Carambar authentique de mai 68 ou un concert chez toi gratis du Penish Band !
0
Réponse 2 / 3
Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Je suis vraiment désolé de t'importuner à nouveau, mais je ne m'en tire pas. Trop nul en codage.
Peux-tu me corriger ce qu'il faut pour que j'obtienne bien deux notes différentes C.mp3 et D.mp3 sur les deux touches les plus aiguës, stp ?

<img src="musee_guide_chant_grand.jpg" width="873" height="550" border="0" usemap="#map" />
<map name="map">

<audio id="myAudio"><source src="C.mp3" type="audio/mpeg"><area onclick="playAudio()" shape="poly" coords="777,309,793,346,820,341,796,305"/>
<script>var x = document.getElementById("myAudio");function playAudio() {x.play();}</script>
</audio>

<audio id="myAudio"><source src="D.mp3" type="audio/mpeg"><area onclick="playAudio()" shape="poly" coords="753,320,763,347,788,345,769,311,771,312" />
<script>var x = document.getElementById("myAudio");function playAudio() {x.play();}</script></audio>

</map>
0
Réponse 3 / 3
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,
déjà.... à l'avenir, merci de poster ton code correctement en utilisant les balises de code.
Explications disponibles ici :
https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite... si tu regardes bien.. tu as deux éléments avec le même id ( id = identifiant )
Un id se doit d'être UNIQUE.
De ce fait, si tu attributs un ID différent à chaque élément et que tu ajuste le code javascript qui va avec... ça devrait mieux fonctionner.

Il ne faut pas pas non plus dupliquer les fonctions Javascript....
Avoir deux fois la même fonction ne rime à rien et peut générer des soucis..

Voici ton code amélioré

Au niveau de ton code html : 
<audio id="myAudio1"> 
  <source src="C.mp3" type="audio/mpeg"><area onclick="playAudio('myAudio1');" shape="poly" coords="777,309,793,346,820,341,796,305"/>
</audio>

<audio id="myAudio2">
  <source src="D.mp3" type="audio/mpeg"><area onclick="playAudio('myAudio2');" shape="poly" coords="753,320,763,347,788,345,769,311,771,312" />
</audio>


Puis tout en bas de ton code html, juste avant le </body> de ta page : 
<script>
  function playAudio(idElm) {
    var x = document.getElementById(idElm);
    x.play();
  }
</script>

0
Penish79 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
Merci mille fois pour ta disponibilité...
Je pense que cette fois ça devrait le faire.
0