Verwenden Sie eine JavaScript-Funktion, damit Website-Besucher eine MP3-Datei abspielen können.
Es gibt verschiedene Möglichkeiten, MP3-Audiodateien auf Ihren Webseiten einzubetten und abzuspielen. Beispiele hierfür sind das veraltete "embed"-Tag in HTML, verschiedene Flash-Player und Java-basierte Player. Der HTML5-Standard bietet mit seiner Betonung auf Scripting und seiner fehlenden Abhängigkeit von Software von Drittanbietern die kompatibelste Möglichkeit, MP3s künftig in Webseiten einzubetten und abzuspielen. Betten Sie die MP3-Datei mit dem HTML5-"Audio"-Objekt ein und verwenden Sie dann eine JavaScript-Funktion, um die Wiedergabe zu starten
Schritt 1
Fügen Sie dem Hauptteil Ihres HTML-Dokuments den folgenden Code hinzu:
Video des Tages
Dieser Code bettet die MP3-Datei ein und lädt sie, spielt sie jedoch nicht ab. Der Wert des Tags "src" enthält den Pfad und den Dateinamen der MP3-Datei.
Schritt 2
Fügen Sie den folgenden JavaScript-Code zwischen den "head"-Tags Ihres HTML-Dokuments ein:
Diese Funktion greift beim Aufrufen auf das Element "audio" über seine ID ("mp3") zu und verwendet die Methode play(), um es abzuspielen.
Schritt 3
Fügen Sie der Webseite eine Schaltfläche hinzu, um die Funktion "playMP3" aufzurufen, wenn der Benutzer darauf klickt. Fügen Sie dem Hauptteil des HTML-Dokuments den folgenden Code hinzu:
Ändern Sie das Attribut "Wert", um der Schaltfläche einen anderen Titel zu geben.
Schritt 4
Verwenden Sie anstelle von "playMP3" die folgende Funktion, damit der Benutzer die Datei nach dem Start anhalten kann:
Funktion playpauseMP3 () { if (document.getElementById("mp3").paused){ document.getElementById("mp3").play(); }sonst{ document.getElementById("mp3").pause(); } }
Ändern Sie das "onClick"-Attribut des "input"-Tags in Schritt 3 so, dass es dem Namen dieser Funktion entspricht.
