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 !

[Watilin]

Effectivement c’est curieux. Ça ressemble à un stream dont les morceaux n’arrivent pas dans l’ordre. Les bruits bizarres sont peut-être juste des artefacts de décodage mp3. Ça te fait ça sous quel(s) navigateur(s) ?

Sans rien affirmer, je ne suis pas sûr que ce soit une bonne idée d’appeler .load() dans ta fonction pause. Essaye sans

[Couin]

Hello,

Désolé, n'ai pas eu de notification de nouveau message et j’avais mis un peu de coté car d'autres soucis entre temps.

Oui, les artefacts c'est le genre de truc quand on a des mp3 corrompus par exemple (ce qui ici revient au même je pense car le cache se marche plus ou moins dessus, à mon avis).

Les navigateurs sont chrome et firefox.

Pour ce qui est du stream audio, il arrive comme il faut, si je lis avec winamp par exemple, ou même le player audio html5 sans actualiser la page, ca restitue normalement le son.

Le retrait de load() dans la fonction pause n’avait rien changé (j'avais testé après avoir posté mais pas pensé à corriger le message).

M'ci