Die Erkennung von HTML5-audio-element der Datei nicht gefunden " - Fehler

Ich versuche, einen der browser eine Warnung anzeigen soll, wenn ein audio-element mit src-Attribut verweist auf eine nicht existente Datei, aber ich bekomme keine Antwort wenn ich anfügen das der "Fehler" - Ereignis.

Hier eine Geige mit meinem problem und mit dem, was ich versucht habe http://jsfiddle.net/Xx2PW/7/

HTML:

<p>Non existent audio files - should return an error
    <audio preload="auto">
        <source src="http://example.com/non-existant.wav" />
        <source src="http://example.com/non-existant.mp3" />
        <source src="http://example.com/non-existant.ogg" />
    </audio>
</p>
<p>Existing audio file - should just play
    <audio preload="auto">
        <source src="http://jplayer.org/audio/m4a/Miaow-07-Bubble.m4a" />
    </audio>
</p>

Und die JS:

playerMarkup = "<a class=\"player\">Play</a>";
audioTags = $("audio");

audioTags.before(playerMarkup); //insert markup before each audio tag

$(".player").on("click", function () {
    currentAudio = $(this).next()[0];
    //I've tried catching the error like this - no effect
    alert("Trying to play file.");
    try {
        currentAudio.play();
    } catch (e) {
        alert("Error playing file!");
    }
});

//I've also tried just handling the event error - no effect
audioTags.on("error", function (e) {
    alert("Error playing file!");
    console.log("Error playing file!");
});

Woran kann ich erkennen, Fehler der Datei nicht gespielt wird (weil nicht gefunden) mit JS?

InformationsquelleAutor WojtekD | 2014-04-22
Schreibe einen Kommentar