捕捉HTML5媒体网络错误javascript

Question

有没有反正我可以捕捉到网络错误，以防我尝试创建new Audio()对象并且src URL未解析？ try/catch显然不起作用。

Answer 1

您有文档浏览：DOCS

而这个信息是你：

<p id="player">Non existing media file - click to play</p> 

<audio preload="none" controls> 
    <source id="wav" src="http://yourpage.com/false.wav" /> 
    <source id="mp3" src="http://yourpage.com/false.mp3" /> 
</audio> 

而与此你简单的用JS：

$("#player").on("click", function() { 
    alert("Trying to play file."); 
    try { 
     $('audio')[0].play(); 
    } catch (e) { 
     alert("Error playing file!"); 
    } 
}); 
$("audio").on("error", function (eevent) { 
     alert("Error at audio tag!"); 
    }); 
$("#wav").on("error", function (event) { 
     alert("No wav file!"); 
    }); 
$("#mp3").on("error", function (event) { 
     alert("No mp3 file!"); 
    });