捕捉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!"); 
    });