Audio player html5 play button kann nicht gut funktionieren ...?

Question

hier ist mein Code für meinen Player auf www.bmixup.com, spielt für Stream von Icecast, ich verstehe nicht, nachdem ich auf Play, Stream spielen, aber nach einigen Zeiten ist er alle Zeit auf meinem Browser zu stoppen, und wenn ich wieder Druck auf, keine Reaktion, ich bin muss meine Seite alle neu zu laden ....

<audio id="player" preload> 
      <source src="http://bmixup.com:8000/BmixupStream" type="audio/mpeg"></source> 
      Your browser does not support the <code>audio</code> tag. 
    </audio> 
    <div style="background-color: #808080;text->align:center;padding:20px;margin-right:0em;"> 
     <div class="buttonplayer" style="text-align: left;"> 
      <button id="play" type="button" >onclick="document.getElementById('player').play()" class="btn btn-default btn->circle btn-lg"><span class="glyphicon glyphicon-play"></span></button> 
      <button id="Pause" type="button" >onclick="document.getElementById('player').pause()" class="btn btn-default btn->"><span class="glyphicon glyphicon-pause"></span></button> 
      <button id="Voldown" type="button" >onclick="document.getElementById('player').volume -= 0.1" class="btn btn->default btn-circle btn-lg" ><span class="glyphicon glyphicon-volume-down">>>>></span></button>    
      <button id="Volup" type="button" onclick="document.getElementById('player').volume += 0.1" class="btn btn-default btn-circle btn-lg"><span class="glyphicon glyphicon-volume-up"></span></button> 
      <span> 
       <script type="text/javascript" src="/js/titre.js"></script> 
       <span id="track-title" style="font-family: exoregular;margin-left: 1em;color: #ffffff;"></span> 
       <marquee direction="left" scrolldelay="200" style="font-family: exoregular; margin-top: 0.7em;color: #ffffff;">Vous écouter actuellement Bmixup.com, The mix web radio et il y a actuellement : <span id="listeners" style="color: #ffffff;">00</span> auditeurs à l'écoute...Bonne écoute...</marquee> 
      </span> 
     </div> 
    </div> 
</div> 

Was ist falsch ist, warum Stream-Stopp nach dem Spiel, und es keine nicht konstant sein, zu, i hör auf, und warum, wenn du wieder auf das Spiel spielst, das ist nicht wieder betteln ...?

Können Sie mir helfen? ..

Danke ...

Answer 1

HTML5 Audio-Tag ziemlich stabil ist, aber der Strom aufgrund von Netzwerkproblemen (Paketverlust, Verbindungsprobleme, etc.) können unterbrechen . Die beste Lösung ist HTML5 Audio-Player-Framework wie jPlayer oder SoundManager2 zu verwenden, Stream-Fehler zu erfassen und den Player zu zwingen, eine Verbindung mit Timeout herzustellen.