Audio-Blöcke

Lade Audiodateien hoch oder verlinke sie, damit deine Besucher sie auf deiner Website anhören können.

Zuletzt aktualisiert: 1. Juli 2024

Verwenden Sie Audio-Blöcke, um eine abspielbare Audiodatei zu einer Seite oder einem Blogbeitrag hinzuzufügen. Sie können eine Datei von Ihrem Computer hochladen oder auf eine extern gehostete Datei verlinken.

Tipp

Um SoundCloud-Audio zu deiner Website hinzuzufügen, verwende stattdessen SoundCloud-Blöcke.

Video ansehen

Audio-Dateiformat

Es werden nur MP3- und M4A-Dateien unterstützt. Um eine optimale Leistung für alle Browser und Geräte zu erzielen, empfehlen wir, deine Audiodateien unter Verwendung der folgenden Spezifikationen zu komprimieren:

  • Format: .mp3 oder .m4a
  • Bit-Tiefe: 16 Bit
  • Bitrate: max. 128 kbit/s (96 kbit/s empfohlen für Sprache)
  • Kanäle: Mono oder Stereo
  • Dateigröße: Eine hochgeladene Datei darf maximal 160 MB groß sein. Um eine größere Datei zu verwenden, stellen Sie eine Verknüpfung zu einem externen Host her.

Hinweis

Auf iOS-Geräten werden Audio-Blöcke auf einer neuen Seite geöffnet, wenn sie wiedergegeben werden. Es gibt keine integrierte Option, um dies zu verhindern, aber dieses Thema wurde im Squarespace Forum diskutiert. Mehr erfährst du in diesem Beitrag. Hinweis: Bei benutzerdefinierten Code-Modifikationen kann dich unser Support nicht unterstützen. Das bedeutet, dass wir keine Unterstützung bei der Einrichtung oder Fehlerbehebung codebasierter Lösungen bieten können.

Hinzufügen eines Audio-Blocks

So fügen Sie einen Audio-Block hinzu:

  1. Bearbeite eine Seite oder einen Beitrag, klicke auf Block hinzufügen oder auf eine Einfügemarke und klicke dann auf Audio. Weitere Informationen findest du unter Inhalte mithilfe von Blöcken hinzufügen.
  2. Öffne den Block-Editor, indem du auf das Bleistiftsymbol auf dem Block klickst.
  3. Lade im Tab Einbetten eine Audiodatei hoch oder verlinke auf eine externe Datei.
  4. Wenn du einen Podcast einrichtest, füge Metadaten-Tags für Apple Podcasts im Tab Podcasting hinzu.
  5. Verwende den Tab Design, um die Darstellung des Audio-Blocks zu ändern und einen Download-Link hinzuzufügen. Wenn deine Website Version 7.0 nutzt, klicke auf Anwenden, um deine Änderungen zu veröffentlichen.

Hinweis

Audio-Blöcke, die im Kreativen Editor hinzugefügt werden, haben eine Mindesthöhe von zwei Zeilen. Wenn du die Größe des Blocks auf eine kleinere änderst, wird er beim Speichern der Änderungen automatisch auf das Minimum angepasst.

Hinzufügen einer Audiodatei

Du kannst eine MP3- oder M4A-Datei direkt in den Audio-Block hochladen oder auf eine extern gehostete MP3- oder M4A-Datei verlinken.

Laden Sie eine Datei hoch

So laden Sie die Datei von Ihrem Computer in den Audio-Block hoch:

  1. Klicken Sie im Tab Einbetten auf Datei hochladen.
  2. Ziehe deine Audiodatei in den Uploader. Du kannst auch auf Audiospur hinzufügen klicken, um eine Datei von deinem Computer auszuwählen.

Nach dem Hinzufügen der Audiodatei werden der Dateiname und die Dateigröße im Uploader angezeigt. Die Felder Titel und Autor bzw. Künstler werden basierend auf den Metadaten der Datei ausgefüllt. Sie können sie jedoch manuell bearbeiten, um die Anzeige im Block zu ändern.

Hinweis

Wenn du eine neue Datei in denselben Audio-Block hochlädst, musst du die Felder manuell aktualisieren, da die Felder Titel und Autor / Künstler nicht automatisch aktualisiert werden.

The_Content_Alley_Podcast___KB_Website.png

The_Content_Alley_Podcast___KB_Website.png

Verwenden einer externen Datei

Wenn Ihre Audiodatei größer als 160 MB ist, laden Sie sie zu einem externen Dienst hoch und fügen Sie die öffentliche URL unter Audiodatei-URL auf dem Tab Externe Datei hinzu.

Deine öffentliche URL sollte https:// am Anfang und .mp3 oder .m4a am Ende haben. Wenn dein Host nur http://-Links unterstützt, wird die Datei nicht in den Audio-Block geladen.

Anschließend können Sie die folgenden Informationen eingeben:

  • Dateigröße (in Bytes)
  • MIME-Typ der Audio-Datei
  • Titel
  • Autor / Künstler

Hinweis

Audio-Blöcke unterstützen keine Dropbox-URLs oder SoundCloud-URLs. Verwende für SoundCloud-Audio stattdessen SoundCloud-Blöcke.

Laden Sie eine Datei hoch

So laden Sie die Datei von Ihrem Gerät in den Audio-Block hoch

  1. Tippen Sie im Block-Editor im Tab Hochladen auf Datei hochladen.
  2. Wähle die Audiodatei von deinem Gerät aus.
  3. Tippen Sie auf Titel & Autor, um Titel- und Künstlerinformationen hinzuzufügen.

Verwenden einer externen Datei

Wenn deine Audiodatei größer als 160 MB ist, lade sie in einen externen Dienst hoch und füge die öffentliche URL unter Audiodatei-URL im Tab Extern hinzu. Deine öffentliche URL sollte mit .mp3 oder .m4a enden.

Anschließend können Sie die folgenden Informationen eingeben:

  • Dateigröße (in Bytes)
  • MIME-Typ der Audio-Datei

Um Titel und Autor-/Künstlerinformationen hinzuzufügen, tippen Sie auf Titel & Autor.

Hinweis

Audio-Blöcke unterstützen keine Dropbox-URLs oder SoundCloud-URLs. Füge für SoundCloud-Audio stattdessen SoundCloud-Blöcke auf deinem Computer hinzu.

Hinzufügen von Metadaten-Tags für Apple Podcasts

Im Tab Podcasting werden die Informationen, die du zu den Feldern hinzufügst, zu Metadaten-Tags für deinen RSS-Feed. Du musst Metadaten-Tags nur dann hinzufügen, wenn du Audio-Blöcke für einen Podcast verwendest. Um mehr zu erfahren, besuche Podcasting mit Squarespace im Überblick.

Denk daran:

  • Um einen Podcast einzurichten, musst du einer Blog-Seite Audio-Blöcke hinzufügen. Audio-Blöcke, die zu anderen Seiten hinzugefügt wurden, können nicht für Podcasts verwendet werden.
  • Die Größe (in Byte) und der MIME-Typ werden für hochgeladene Dateien automatisch erkannt. Gib für extern gehostete Dateien diese Werte manuell ein, um die Datei für das Podcasting auf Apple Podcasts zu verwenden.

Das Design ändern

Im Tab Design kannst du deinen Audio-Block gestalten. Wähle unter Player-Stil zwischen Minimal und Klassisch.

Für Minimal können Sie die Playerfarbe auf Hell oder Dunkeleinstellen.

KB Guide Image

Bei Klassisch können Sie die Farbe nicht ändern.

KB Guide Image

Um einen Link hinzuzufügen, über den Besucher den Track herunterladen können, aktiviere im Tab Design die Option Download-Link anzeigen. Diese Option ist standardmäßig immer deaktiviert. Der Download-Link wird rechts neben dem Audio-Block angezeigt.

Extern gehostete Dateien werden mit dieser Methode möglicherweise nicht erfolgreich heruntergeladen. Daher empfehlen wir, diese Option nur mit hochgeladenen Dateien zu verwenden.

Beachte, dass Besucher möglicherweise andere Möglichkeiten zum Herunterladen der Datei haben, auch wenn der Download-Link deaktiviert ist. Wenn es wichtig ist, das Herunterladen zu verhindern, sieh dir unsere Tipps zum Schutz von Audiodateien auf deiner Website an.

Hinweis

In Safari-Browsern auf mobilen Geräten öffnet der Download-Link die Audiospur, lädt sie jedoch nicht auf das Gerät herunter.

Footer Image
  • Hol dir Hilfe von der Community

  • Hol dir Hilfe von unserer Community zu erweiterten individuellen Anpassungen.

  • Beauftrage einen Squarespace-Experten

  • Hebe dich online von der Masse ab, indem du dir von einem erfahrenen Webdesigner oder Entwickler helfen lässt.