捕获HTML5媒体网络错误javascript

Question

Is there anyway I can catch a network error in case I try to create a new Audio() object and the src URL is not resolved? try/catch doesn't work here apparently.

Answer 1

You have docs here: DOCS

And this info is for you:

<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>

And with this you simple use 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!");
    });