Der HTML5-Standard unterstützt zwei verschiedene Mechanismen zur Präsentation von Audiodateien. Verknüpfen Sie entweder eine MP3-Datei und stellen Sie sie zum Download bereit, oder betten Sie sie so ein, dass die Leute die Musik von einem On-Page-Audioplayer genießen können.
Audioverfügbarkeit
Die MP3-Datei muss im Internet zugänglich sein, bevor ein Link oder ein eingebettetes Objekt erfolgreich ist. Wenn die MP3-Datei bereits online ist, kopieren Sie die direkte URL in die Datei. Diese URL muss zum Media-Asset führen. es kann sich nicht um die Seite handeln, mit der das Asset verknüpft ist.
Bei Ihren eigenen MP3s müssen Sie ein Tool verwenden, um die Datei von Ihrem Computer auf einen Internet-Dateiserver hochzuladen. Die meisten Leute verwenden FTP, SFTP oder SSH, um die MP3-Datei auf ihre Website hochzuladen. Wenn Ihre Website jedoch ein Content-Management-System wie WordPress verwendet, unterstützt das CMS ein Point-and-Click-Upload-Dienstprogramm.
Hinzufügen von MP3 zu Ihrer Webseite
Mit einer URL in der Hand sind Sie bereit, die MP3-Datei zu Ihrer Site hinzuzufügen. Wenn Ihr Seitenerstellungstool eine Point-and-Click-Schnittstelle unterstützt, verwenden Sie diese – da jede anders ist, konsultieren Sie Ihre CMS-Dokumentation für spezifische Verfahren.
Unabhängig von Ihrer GUI funktionieren manuelle Änderungen am HTML immer konsistent.
Erstellen eines Links
Ein Link, der die Mediendatei in einem neuen Tab öffnet oder auf den Computer eines Besuchers herunterlädt, basiert auf einem Standard Anker Etikett. Das HTML-Element besteht also aus den Anchor-Tags, der URL der MP3, dem Text, der den Hyperlink aktiviert, und optionalen Parametern. Zum Beispiel zum Herunterladen podcast.mp3 über einen Link mit dem Titel Laden Sie die Sendung herunter!, verwenden Sie das folgende HTML-Element:
Laden Sie die Sendung herunter!
Dieses Element erzwingt einen Download der MP3. Damit die MP3-Datei geöffnet werden kann, entfernen Sie die herunterladen -Attribut am Ende der MP3-URL.
Einbetten der Audiodatei
Um HTML5 zum Einbetten eines kleinen Audioplayers zu verwenden, verwenden Sie die Audio- Element. Da dies von einigen Browsern nicht unterstützt wird, wird jeder im Element enthaltene Text angezeigt, wenn der Browser keinen Audioplayer anzeigen kann.
Ihr Browser unterstützt das Audio-Tag nicht.
Das Audio- element enthält mehrere Standardattribute:
- Automatisches Abspielen: Wenn im Tag angegeben, wird das Audio abgespielt, sobald es geladen und bereit ist, unabhängig von der Interaktion des Besuchers mit dem eingebetteten Audioplayer.
- Kontrollen: Zeigt grundlegende Steuerelemente an, einschließlich einer Wiedergabe-/Pause-Schaltfläche und einem Download-Link.
- Schleife: Wenn angegeben, Schleife gibt das Audio kontinuierlich wieder.
- Stummgeschaltet: Schaltet die Audioausgabe stumm.