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
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
A voir également:
- Déclencher un fichier son sans ouvrir un nouvel onglet ou une nouvelle fenêtre ?
- Darkino nouvelle adresse - Guide
- Comment ouvrir un fichier epub ? - Guide
- Comment ouvrir un fichier docx ? - Guide
- Ouvrir un fichier .bin - Guide
- Fichier rar - Guide
3 réponses
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
7 déc. 2019 à 16:28
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
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
11 déc. 2019 à 11:47
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>
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>
jordane45
Messages postés
38144
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
21 avril 2024
4 650
11 déc. 2019 à 11:59
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 :
Puis tout en bas de ton code html, juste avant le </body> de ta page :
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
11 déc. 2019 à 12:26
Merci mille fois pour ta disponibilité...
Je pense que cette fois ça devrait le faire.
Je pense que cette fois ça devrait le faire.
8 déc. 2019 à 10:10
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.
8 déc. 2019 à 12:25
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.
9 déc. 2019 à 09:56
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 !