Audioplayer und Hintergrundmusik

Der Homepage Designer verfügt über keinen Audioplayer und auch das Einbinden von Hintergrundmusik ist nicht vorgesehen. Mit etwas HTML5 und dem Modul embed können Sie das natürlich trotzdem verwirklichen.

Hinweise:

  • Verwenden Sie das Audioformat MP3, dieses findet die beste Unterstützung. Wird also von den meisten Geräten und Browsern abgespielt.
  • Je besser die Qualität der MP3, umso größer ist die Datei. Achten Sie daher auf ein ausgewogenes Verhältnis von Qualität und Dateigröße.
  • Verzichten Sie auf Hintergrundmusik - Das automatische Abspielen von Musik wird von den meisten Nutzern als störend empfunden. Möchten Sie dennoch

Laden Sie Ihre Audiodateien in den Homepage Desigener. Dazu klicken Sie auf

  1. INHALTSELEMENTE
  2. BILDER UND VIDEOS
  3. EIGENE DATEIEN
  4. EIGENE DATEIEN VERWALTEN

  1. Bei Bedarf erstellen Sie ein Verzeichnis (im Beispiel audio).
  2. Wechseln Sie in dieses Verzeichnis.
  3. Klicken Sie auf DATEI HOCHLADEN und wählen dann die gewünschten Dateien aus.

Wurden alle Dateien hochgeladen, wechseln Sie auf die Seite Ihrer Homepage auf der die Audiodateien abgespielt werden sollen und fügen über INHALTSELMENTE / WIDGETS das Modul embed an die gewünschte Stelle.

Wählen Sie dann bei dem Modul das Zahnrad aus. Unter Embed-Code geben Sie dann folgenden Code ein:

<audio controls>
     <source src="/.cm4all/mediadb/audio/audio1.mp3" type="audio/mpeg">
     <source src="/.cm4all/mediadb/audio/audio2.mp3" type="audio/mpeg">Your browser does not support the audio element. </audio>

audio1.mp3 tauschen Sie natürlich gegen den Dateinamen Ihrer Datei aus.

 Das Modul können Sie dann noch mit diversen Optionen auf Ihre Wünsche anpassen. Welche Optionen es gibt und wie diese angewendet werden, ist unter https://www.w3schools.com/tags/ref_av_dom.asp ausführlich dokumentiert.