Player audio en html et javascript
nicolasgt
Messages postés
84
Date d'inscription
Statut
Membre
Dernière intervention
-
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
Pitet Messages postés 2826 Date d'inscription Statut Membre Dernière intervention -
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
A voir également:
- Javascript audio player
- Musique audio - Télécharger - Lecture & Playlists
- Adobe flash player - Télécharger - Divers Web & Internet
- Realtek audio driver - Télécharger - Pilotes & Matériel
- Windows media player - Télécharger - Lecture
- Telecharger real player - Télécharger - Lecture
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,
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>
><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>