Fügen Sie Ihrer Website Hintergrundmusik hinzu, damit Benutzer sie beim Surfen genießen können.
Seit den frühen Tagen des World Wide Web sind verschiedene Verfahren zum Einbetten von Musik in eine Webseite populär geworden. Insbesondere das "embed"-Tag in HTML, Java-basierte Audioplayer und Flash-basierte Player sind alle mögliche Optionen zum Hinzufügen Hintergrundmusik zu einer Webseite, aber keine Lösung wurde allgemein angenommen oder ist mit allen Browsern vollständig kompatibel und Plattformen. Der neuere HTML5-Standard enthält das "audio"-Tag, das speziell für die eingebettete Audiowiedergabe definiert ist.
Schritt 1
Fügen Sie den folgenden Code an einer beliebigen Stelle in den Textkörper Ihres HTML-Dokuments ein, um eine Musikdatei einzubetten und automatisch abzuspielen, wenn ein Besucher Ihre Website durchsucht.
Video des Tages
Ändern Sie das Attribut "src" so, dass es den Pfad und den Dateinamen der Musikdatei enthält, die Sie einbetten möchten.
Schritt 2
Fügen Sie das Attribut "loop" hinzu, wenn die Musikdatei immer wieder abgespielt werden soll:
Schritt 3
Verwenden Sie mehrere "source"-Tags anstelle des "src"-Attributs des "audio"-Tags, wenn Sie dem Browser des Benutzers mehrere Dateiformate zur Auswahl anbieten möchten:
In diesem Beispiel entscheidet der Browser des Benutzers, ob die MP3-Datei oder die OGG-Datei wiedergegeben wird. Diese Technik kann für die Ausrichtung auf Mobilgeräte nützlich sein, die nur bestimmte Audioformate wiedergeben können.
Schritt 4
Verschachteln Sie das "embed"-Tag in das "audio"-Tag, um Unterstützung für ältere Browser bereitzustellen, die keine HTML5-Unterstützung haben. Beachten Sie, dass diese Verwendung des "embed"-Tags veraltet ist (was bedeutet, dass es nicht mehr offiziell erforderlich ist unterstützt), experimentieren Sie also nur mit dieser Technik, wenn Sie vermuten, dass Ihre Benutzer veraltetes Web verwenden Browser. Hier ist ein Beispiel:
Spitze
Erwägen Sie, das Attribut "controls" zum Tag "audio" hinzuzufügen, damit der Benutzer die Musik stoppen und die Lautstärke ändern kann. Ziehen Sie außerdem in Erwägung, das Attribut "autoplay" nicht zu verwenden, es sei denn, es gibt einen triftigen Grund für dieses Browserverhalten. Viele Benutzer empfinden eingebettete Hintergrundmusik, die unerwartet ohne ihre Erlaubnis abgespielt wird, als störend und wird Ihre Website sofort verlassen.
