HTML:
Update
Autoupdate
HTML-OUT:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Audio Prüfen</title> <!-- Stile für die Anzeige der Ergebnisse --> <style> #audioList li { margin-bottom: 5px; } .error { color: red; } .success { color: green; } </style> </head> <body> <!-- Ein leeres Audio-Element, das für die Überprüfung verwendet wird --> <audio id="Test_Audio"></audio> <h2> Überprüfung der Audiodateien:</h2> <!-- Eine Liste, in der die Überprüfungsergebnisse angezeigt werden --> <ul id="audioList"> </ul> <script type="text/javascript"> // Liste der Audiodateien, die überprüft werden sollen var audioFiles = [ "./mp3/1.mp3", "./mp3/2.mp3", // Fügen Sie hier weitere Audiodateien hinzu ]; // Funktion zum Überprüfen einer einzelnen Audiodatei function testAudio(src) { // Audio-Element für die Überprüfung var audio = document.getElementById('Test_Audio'); // Wenn localhost verwendet wird, wird der Basis-URL-Prefix hinzugefügt var ad = window.location.host.indexOf("localhost") >= 0 ? "http://localhost:81/" : ""; // Setzen der Quelle des Audio-Elements auf die zu überprüfende Datei audio.src = ad + src; // Event-Handler für den Fall, dass die Audiodatei abgespielt werden kann audio.oncanplay = function () { console.log("Die Audiodatei " + src + " kann abgespielt werden."); // Ergebnis zur Liste hinzufügen und mit der nächsten Datei fortsetzen appendResult(src, true); TestNext(); }; // Event-Handler für den Fall, dass ein Fehler beim Laden oder Abspielen auftritt audio.onerror = function () { console.error("Fehler beim Laden oder Abspielen der Audiodatei " + src + "."); // Ergebnis zur Liste hinzufügen und mit der nächsten Datei fortsetzen appendResult(src, false); TestNext(); }; } // Index für die aktuell zu überprüfende Datei var testIndex = 0; // Funktion zum Starten der Überprüfung der nächsten Datei function TestNext() { // Überprüfen, ob noch Dateien in der Liste vorhanden sind if (testIndex < audioFiles.length) { // Überprüfung der nächsten Datei starten testAudio(audioFiles[testIndex]); // Index für die nächste Datei erhöhen testIndex++; } } // Funktion zum Hinzufügen des Überprüfungsergebnisses zur Liste function appendResult(src, success) { // Listenelement für das Ergebnis erstellen var listItem = document.createElement('li'); // Text für das Listenelement festlegen, je nach Erfolg oder Fehler listItem.textContent = src + (success ? " - kann abgespielt werden" : " - Fehler beim Laden oder Abspielen"); // Klasse für das Listenelement festlegen, basierend auf Erfolg oder Fehler (für Stilisierung) listItem.classList.add(success ? "success" : "error"); // Listenelement zur Liste hinzufügen document.getElementById('audioList').appendChild(listItem); } // Starten der Überprüfung der ersten Datei TestNext(); </script> </body> </html>
---