Player audio en html et javascript
nicolasgt
Messages postés
99
Statut
Membre
-
Pitet Messages postés 2845 Statut Membre -
Pitet Messages postés 2845 Statut Membre -
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.
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
-
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, -
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>-
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>
-
