Player audio en html et javascript

Signaler
Messages postés
84
Date d'inscription
mercredi 7 février 2007
Statut
Membre
Dernière intervention
17 juillet 2021
-
Messages postés
2401
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
19 juillet 2021
-
Bonjour,

j'ai un lecteur mp3 sur mon site qui mélange codes html et javascript. Si je veux mettre plusieurs lecteurs sur la même page, seul le morceau du premier lecteur sera joué. Comment contourner ce problème. Merci pour votre aide.

Configuration: Windows / Firefox 89.0

2 réponses

Messages postés
2401
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
19 juillet 2021
449
Bonjour,

Quel est le problème à contourner ?
Comment est déclenché la lecture du player ? Via attribut autoplay, une fonction js ?
Peux-tu nous montrer ton code et/ou donner plus de précision stp ?

Bonne journée,
Messages postés
84
Date d'inscription
mercredi 7 février 2007
Statut
Membre
Dernière intervention
17 juillet 2021
4
voici la partie qui pose problème. Si je met d'autres lecteurs sur la même page avec une autre source audio, ce sera toujours celle-ci qui sera jouée.
><audio
id="player" src="/interviews/2021-beatles-reborn-in-96.mp3"></audio>
<div><button
onclick="document.getElementById('player').play()">Play</button>
<button onclick="document.getElementById('player').pause()">Pause</button>
<button
onclick="document.getElementById('player').volume += 0.1">Vol
+</button> <button
onclick="document.getElementById('player').volume -= 0.1">Vol
-</button> </div>
Messages postés
2401
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
19 juillet 2021
449
Un identifiant html doit toujours être unique. Si tu dupliques ce code pour créer un autre lecteur, tu dois changer l'attribut id de la balise audio et le paramètre des fonctions getElementById() :
<audio id="player2" src="son.mp3"></audio>
<button onclick="document.getElementById('player2').play()">Play</button>