Player audio en html et javascript

Fermé
nicolasgt Messages postés 84 Date d'inscription mercredi 7 février 2007 Statut Membre Dernière intervention 17 juillet 2021 - 16 juil. 2021 à 23:32
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 - 17 juil. 2021 à 18:20
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
A voir également:

2 réponses

Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 543
17 juil. 2021 à 10:55
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,
0
nicolasgt Messages postés 84 Date d'inscription mercredi 7 février 2007 Statut Membre Dernière intervention 17 juillet 2021 4
17 juil. 2021 à 11:54
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>
0
Pitet Messages postés 2826 Date d'inscription lundi 11 février 2013 Statut Membre Dernière intervention 21 juillet 2022 543
17 juil. 2021 à 18:20
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>
0