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

Fermé

Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020 - 7 déc. 2019 à 15:09
Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020 - 11 déc. 2019 à 12:26

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:

Déclencher un fichier son sans ouvrir un nouvel onglet ou une nouvelle fenêtre ?
Comment ouvrir un fichier epub ? - Guide
Darkino nouvelle adresse - Guide
Darkino : le grand site pirate change d'adresse et d'interface - Accueil - Services en ligne
Ouvrir un fichier .bin - Guide
Comment ouvrir un fichier docx ? - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38308 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
7 déc. 2019 à 16:28

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

Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020
8 déc. 2019 à 10:10

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.

jordane45 Messages postés 38308 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705 > Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020
8 déc. 2019 à 12:25

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.

Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020
9 déc. 2019 à 09:56

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 !

Réponse 2 / 3

Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020
11 déc. 2019 à 11:47

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>

Réponse 3 / 3

jordane45 Messages postés 38308 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
11 déc. 2019 à 11:59

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>

Penish79 Messages postés 6 Date d'inscription samedi 7 décembre 2019 Statut Membre Dernière intervention 11 février 2020
11 déc. 2019 à 12:26

Merci mille fois pour ta disponibilité...
Je pense que cette fois ça devrait le faire.

Discussions similaires

comment donner les droits sur fichier partage