JavaScript：オーディオが見つからないときにページをリロードします

Question

この非常に基本的なスクリプトは、オーディオストリームサーバーがダウンしたときにページ全体をリロードします。オーディオを再生するには、HTML5オーディオ要素を使用します。私がやりたい何

<script type="text/javascript"> 
    document.getElementById('audio').addEventListener("ended",function() { 
     location.reload(); 
    }); 
</script> 

は、ページに要素にはソースがないたびにリフレッシュし、ソースが背面になるまでさわやかに保つことです。

endedイベントが発生したため、ページが最初にリフレッシュされた後でHTML5 errorイベントを処理しようとしましたが、オーディオソースがエラーの原因となっています。私は、オーディオでこのエラーを「つかむ」とエラーがないまで再びリフレッシュするために、ブラウザに伝えたい

<script type="text/javascript"> 
    document.getElementById('audio').addEventListener("error",function() { 
     location.reload(); 
    }); 
</script> 

はお時間をいただき、ありがとうございます。代わりに、ページ全体をリロードするの

Answer 1

、それはソース再試行するIMO方が良いだろう：私は明確にされていないため申し訳ありません

var audio = document.getElementById('audio'), 
    url = "path/to/audio.mp3"; 

audio.onerror = audio.onabort = function() { 
    // show message to user about server being down/audio unavailable 
    // retry - 
    setTimeout(function() { 
    audio.src = url; // invokes new loading attempt 
    }, 5000);   // attempts to reload every 5 seconds 
}; 

audio.oncanplay = function() { 
    // all OK 
}; 

audio.src = url;