Audio | Sitely-Dokumentation

Der Audio-Player von Sitely ermöglicht es Ihnen, Audiowiedergabe auf Ihrer Webseite hinzuzufügen, und das mit einem einfachen Baustein, der thematisch an den Stil Ihrer Webseite angepasst werden kann. So sieht die Player-Komponente aus.

Helles Design

Dunkles Design

Beispiel für ein benutzerdefiniertes Design

Der Player bietet drei verschiedene Stile. Die Optionen „Mit“ und „Ohne Hintergrund“ sind vollständige Player, wie oben gezeigt. Der Unterschied besteht darin, dass der eine eine Hintergrundfarbe hat, während der andere transparent ist und die Hintergrundfarbe Ihrer Webseite durchscheinen lässt. Der Mini-Stil ist ein einfacher Wiedergabeknopf, der so aussieht:

Wenn er aktiviert wird, ändert sich das Symbol zu einem Pausenknopf.

Die anderen Optionen im Stil-Panel sind selbsterklärend. Sie können eine Audiodatei (im MP3-Format) hinzufügen, indem Sie auf die Schaltfläche „Hinzufügen“ klicken. Sie können eine Anfangslautstärke festlegen, eine Akzentfarbe auswählen und bestimmen, welche Steuerelemente im Player angezeigt werden sollen. Wenn Sie die benutzerdefinierte Stiloption wählen, können Sie auch eine Hintergrundfarbe und eine Steuerungsfarbe für Ihren Player festlegen. Sie können beliebig viele Audio-Player-Komponenten zu Ihrer Seite hinzufügen. Wenn ein Player aktiviert wird, stoppt jeder andere gerade laufende Player, um zu verhindern, dass mehrere Audiospuren gleichzeitig abgespielt werden. So können Sie einen einfachen Multi-Track-Audioplayer erstellen, indem Sie einfach eine Reihe einzelner Player auf der Seite hinzufügen.

Sobald Sie die Pop-ups erstellt und Ihre Audiokomponenten hinzugefügt haben, können Sie Ihre Titelliste entwerfen. Im folgenden Beispiel wurden zwei Standardboxen erstellt. Die obere (graue) Box hat abgerundete obere Ecken, und die untere (schwarze) Box hat abgerundete untere Ecken. Die untere Box ist auf dieselben Abmessungen wie die Pop-ups eingestellt. Die Titelliste ist eine Standard-Textbox, die über der grauen Box platziert wurde. Jeder Titel in der Liste hat eine „Beim Klicken“-Aktion, die das entsprechende Popup öffnet. Stellen Sie die „Beim Klicken“-Aktion so ein, dass sie das zugehörige Popup öffnet.

Alles, was noch zu tun bleibt, ist, die gesamte Titelliste zu einem einzigen Element zu gruppieren und es dort zu platzieren, wo Sie es auf Ihrer Seite anzeigen möchten. Öffnen Sie dann nacheinander jedes Popup und positionieren Sie es über der schwarzen Box unter der Titelliste. Wenn Sie die Vorschau anzeigen, erscheint Ihr benutzerdefinierter Player auf dem Bildschirm. Ein Klick auf einen Titel zeigt die Player-Steuerungen unter der Titelliste an und startet automatisch die Wiedergabe. Ein Klick auf einen anderen Titel schließt den aktuellen Player und ersetzt ihn durch den neuen.

Einen benutzerdefinierten Player mit Wiedergabeliste erstellen

Wenn Sie einen Player mit einer integrierten Wiedergabeliste erstellen möchten, ist das in Sitely ganz einfach. Anstatt die Audiokomponente direkt auf der Seite hinzuzufügen, fügen Sie sie stattdessen zu Pop-ups hinzu. Wenn Sie einen Audioplayer zu einem Popup hinzufügen, sehen Sie im Stil-Panel einige zusätzliche Optionen. Diese sind: „Beim Öffnen des Popups starten“ und „Popup am Ende schließen“. Beide Optionen sollten aktiviert werden. Erstellen Sie ein Popup für jede Spur, die Sie in Ihre Wiedergabeliste aufnehmen möchten. Stellen Sie sicher, dass der Popuptyp auf „Normal“ gesetzt ist und dass alle Pop-ups dieselbe Gruppen-ID haben.