HTML5 macht es einfach, Ihren Webseiten mit dem Element Sound und Musik hinzuzufügen. In der Tat ist es am schwierigsten, mehrere Quellen zu erstellen, um sicherzustellen, dass Ihre Sounddateien auf den verschiedensten Browsern abgespielt werden.
Der Vorteil der Verwendung von HTML5 besteht darin, dass Sie den Sound einfach mit ein paar Tags einbetten können. Die Browser geben dann den Ton so wieder, als würden sie ein Bild anzeigen, wenn Sie ein verwenden
So fügen Sie einer HTML5-Webseite Sound hinzu
Sie benötigen einen HTML-Editor, eine Sounddatei (vorzugsweise im MP3-Format) und einen Sounddatei-Konverter.
- Zunächst benötigen Sie eine Sounddatei. Es ist am besten, die Datei als MP3 aufzunehmen (
.mp3) da dies eine hohe Klangqualität hat und von den meisten Browsern unterstützt wird (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ und Safari 5+).
- Konvertieren Sie Ihre Datei in das Vorbis-Format (
.ogg) Unterstützung für Firefox 3.6+ und Opera 10.5+. Sie können einen Konverter wie auf Vorbis.com verwenden. Sie können Ihre MP3-Dateien auch in ein WAV-Dateiformat konvertieren (
.wav), um Unterstützung für Firefox und Opera zu erhalten. Ich empfehle Ihnen, Ihre Datei in allen drei Typen zu veröffentlichen, nur zur Sicherheit, aber am meisten benötigen Sie MP3 und einen anderen Typ.
- Laden Sie alle Audiodateien auf Ihren Webserver hoch, und notieren Sie sich das Verzeichnis, in dem Sie sie gespeichert haben. Es ist empfehlenswert, sie nur für Audiodateien in einem Unterverzeichnis abzulegen
Bilder Verzeichnis.
- Ergänzen Sie die
AUDIO Element in Ihre HTML-Datei, wo die Steuerelemente der Sounddatei angezeigt werden sollen.
- Platz
QUELLE Elemente für jede Audiodatei, die Sie in hochladen
AUDIO Element:
-
-
- Irgendein HTML im
AUDIO Element wird als Fallback für Browser verwendet, die das nicht unterstützen
AUDIO Element. Fügen Sie also etwas HTML hinzu. Der einfachste Weg ist das Hinzufügen von HTML, damit die Datei heruntergeladen werden kann. Sie können jedoch auch HTML 4.01-Einbettungsmethoden verwenden, um den Sound abzuspielen. Hier ist ein einfacher Fallback:
Ihr Browser unterstützt keine Audiowiedergabe. Laden Sie die Datei herunter: MP3,
-
Vorbis, WAV
- Irgendein HTML im
-
Das letzte, was Sie tun müssen, ist Ihr AUDIO-Element zu schließen:
-
Wenn Sie fertig sind, sollte Ihr HTML-Code folgendermaßen aussehen:
-
-
-
Ihr Browser unterstützt keine Audiowiedergabe. Laden Sie die Datei herunter:
-
MP3,
-
Vorbis,
-
WAV
-
Zusätzliche Tipps
- Stellen Sie sicher, dass Sie den HTML5-Befehl doctype () verwenden, damit Ihr HTML-Code überprüft wird
- Überprüfen Sie die für das Element verfügbaren Attribute, um zu sehen, welche anderen Optionen Sie Ihrem Element hinzufügen können.
- Beachten Sie, dass wir den HTML-Code so einrichten, dass er standardmäßig Steuerelemente einschließt und die automatische Wiedergabe deaktiviert ist. Sie können das natürlich ändern, aber denken Sie daran, dass viele Leute einen automatisch startenden Ton finden, auf den er bestenfalls ärgerlich ist, und oft die Seite verlassen, wenn dies passiert.
