JavaScript:当找不到音频时重新加载页面
JavaScript:当找不到音频时重新加载页面
提问于 2016-05-18 05:40:37
所以，我有一个非常基本的脚本，当音频流服务器关闭时，重新加载整个页面。要播放音频，我使用HTML5音频元素。
<script type="text/javascript">
document.getElementById('audio').addEventListener("ended",function() {
location.reload();
});
</script>我想做的是每次在元素中没有源时刷新页面，并保持刷新直到源文件重新打开。
我第一次尝试在页面刷新之后使用HTML5 error事件，原因是ended事件被触发，而且音频源仍然丢失，导致错误。我想“抓取”这个错误，并告诉浏览器再次刷新，直到音频中没有错误。
<script type="text/javascript">
document.getElementById('audio').addEventListener("error",function() {
location.reload();
});
</script>谢谢您抽时间见我。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-05-18 12:23:34
与其重新加载整个页面，相反，海事组织最好重新尝试源代码：
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;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37301390
复制相关文章
相似问题
腾讯云开发者
