Discussion :

[Couin]

Helloooo

J'utilise la balise Audio et un peu de javascript pour lire le flux audio d'une webradio sur son site.
Je commande la lecture (et l'affichage des boutons Play/Pause) via le JS.

Le souci c'est que pour une raison que j'ignore, la lecture fait un peu n'importe quoi par moment, si j'ai fais une pause ou que j'ai actualisé la page.
en gros, ca lit un bout du flux actuel, puis ça fait un espèce de bruit bizarre (genre comme un mp3 corrompu) et ça lit une partie déjà passée un peu plus tôt, puis rebruit bizarre, flux actuel, etc etc, un peu comme si ça gardait en cache le flux passé et que çà cherchait à rejouer le cache et le flux actuel. J'ai mis en fichier joint, un zip contenant un petit extrait d'enregistrement du phénomène.

J'ai bien essayé de rajouter des currentTime = 0 mais ça ne change rien

Voici la partie pertinente du code concernant le player :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<img id="play" src="img/play.png" width="100" height="100" onclick="buttonplay()" style="display:none;opacity:0.6"  />
<img id="pause" src="img/pause.png" width="100" height="100" onclick="buttonpause()" style="opacity:0.6" />
 
<audio id="player">
 <source src="" type="audio/mpeg" />
</audio>
 
<script type="text/javascript">
        source = <? echo json_encode($source); ?>; // Ici c'est le lien du flux choisi dans l'admin du site
        player = document.getElementById('player');
        player.src = source;
        player.currentTime = 0;
        player.load();
    player.play();
   
   function buttonplay() {
    player.pause();
         player.currentTime = 0;
         player.src = source;
         player.load();
    player.play();
     document.getElementById("play").style.display = 'none';
     document.getElementById("pause").style.display = 'inline'; 
     }
   function buttonpause() {
    player.pause();
        player.currentTime = 0;
        player.src = "";
        player.load();
     document.getElementById("play").style.display = 'inline';
     document.getElementById("pause").style.display = 'none';   
     }
</script>

Je ne sais pas trop ce que je pourrais faire pour corriger ce problème, donc si quelqu'un a une idée, je suis bien évidement preneur

Merci et à bientôt !