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?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Sie wirklich brauchen, zu binden, um die source-tag für das hören von Fehler-Ereignis, wenn bereit, zu erkennen, "Datei nicht gefunden Fehler". Haben Sie einen Blick auf diese fiddle.
HTML:
Skript:
Es beschrieben wird in diesem MDN Artikel - Abschnitt Fehlerbehandlung.
Lassen Sie mich wissen, wenn es für Sie arbeitet.
Diese behandeln soll beiden Fällen (z.B. mit
<audio>
mit<source>
- tags oder mit<audio src="">
).Sehen Beispiel fiddle.
Erste audio-Fehler
Zitiert aus Wie um zu überprüfen, ob HTML5-audio-erreicht hat verschiedene Fehler