> For the complete documentation index, see [llms.txt](https://sdn.docs.3q.video/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sdn.docs.3q.video/interface/module/playlists.md).

# Playlists

Mit diesem Modul erstellen Sie Playlists für Video- und Audio-Dateien sowie Livestreams.

<figure><img src="/files/rOa2Hfpypj0CpuPkoP6b" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Sie können zu einer angelegten Playlist jederzeit Elemente (Videodateien oder Livestreams) hinzufügen oder diese entfernen.&#x20;
{% endhint %}

### Die grundlegenden Einrichtungsschritte für eine Playlist sind:

1. Modul in der Modulverwaltung hinzufügen
2. Playlist (Metadaten) anlegen
3. Elemente (Dateien oder Livestreams) zuweisen
4. Elemente bearbeiten/sortieren
5. Player konfigurieren und Embed-Code kopieren

## Playlists-Übersicht <a href="#page_modul_einrichten" id="page_modul_einrichten"></a>

Zum **Öffnen** gehen Sie im **Hauptmenü** auf den Menüpunkt **Module**. Klicken Sie im Drop-down-Menü auf **Playlists.**&#x20;

In der **Übersicht** werden die angelegten Playlists absteigend nach Zeitpunkt des Anlegens mit folgenden Informationen angezeigt:

* **Thumbnail** - optionales Feature
* **ID** - wird automatisch beim Anlegen vergeben, kann nicht geändert werden
* **Name** - der Playlist
* **Datum und Uhrzeit** - zu der die Playlist angelegt wurde

<figure><img src="/files/PDbq8JsKKeiIlWTxePGg" alt=""><figcaption></figcaption></figure>

### **Funktionen in der Übersicht**:&#x20;

* Playliste anlegen                                                       - Button **+ Neue Playlist anlegen**
* Playliste suchen (nach Begriffen im Titel)               - Filtermenü/**Suchbegriff**
* Playlisten sortieren                                                    - Filtermenü/**sortieren nach**
* **im Icon-Menü**:
  * die Metadaten der Playlist bearbeiten               - **Stift**
  * Inhalte (Elemente) hinzufügen oder entfernen  - **Liste**
  * Player wählen und Embed-Codes kopieren       - **eckige Klammern**
  * [komplette Playlist löschen                            - **Mülleimer**](#user-content-fn-1)[^1]

## 1. Playlist anlegen/Metadaten bearbeiten <a href="#page_playlist_anlegen" id="page_playlist_anlegen"></a>

Klicken Sie in der Playlist-Übersicht auf den Button **+Neue Playlist anlegen** oder zum Bearbeiten der Metadaten einer Playlist auf das **Stift-Icon.**

{% hint style="info" %}
Sie können auch über das Bearbeitungsmenü von **OnDemand-**&#x50;rojekten im **Menüpunkt "Playlists"** eine Playlist anlegen oder bearbeiten. Dabei wird dasselbe Formular verwendet.
{% endhint %}

Die Eingabeformulare unterscheiden sich nur durch den Titel *Neue Playlist anlegen* bzw. *Metadaten der Playlist bearbeiten*.

Hinterlegen Sie im Formular die Metadaten für Ihre Playlist.

<figure><img src="/files/NXFhul9vmvn6oNgZzMob" alt=""><figcaption></figcaption></figure>

### Metadaten der Playlist

* **Name:** frei wählbarer Name
* **Beschreibung:** kurze Beschreibung des Inhaltes
* **Tags:** Schlagworte
* **Genre:** frei wählbare Bezeichnung
* **Bild:** wird für die Liste in der Übersichtsseite verwendet

Nach dem **Speichern** der Eingaben wird die neue Playlist in der Übersicht angezeigt.

## 2. Dateien und/oder Livestreams zuweisen <a href="#page_videos_zuweisen" id="page_videos_zuweisen"></a>

Die Dateien werden der Playlist in der **Dateiübersicht** eines OnDemand-Projekts und Livestreams im Bereich **Playlist Elemente** hinzugefügt.

### Dateien

Öffnen Sie in der **Projektübersicht** das **OnDemand-Projekt,** aus dem Sie Dateien für die Playlist verwenden wollen, und rufen Sie ggf. die passende **Kategorie** auf.

Setzen Sie in der **Dateiübersicht** ein Häkchen in der Checkbox links neben dem Vorschaubild bei den Dateien, die Sie der Playlist zuweisen wollen.&#x20;

<figure><img src="/files/EwUJgBE4NRSH6b9K7zo2" alt=""><figcaption></figcaption></figure>

Mit der Auswahl der Dateien wurde das **Bearbeitungsmenü für Ausgewählte Dateien** aufgerufen. Klicken Sie hier auf den Menüpunkt **Playlist** und wählen Sie unter "**Zu Playlist hinzufügen"** die gewünschte Playlist.

<figure><img src="/files/QtwiBSgrkJzdg3ZT4fxU" alt=""><figcaption></figcaption></figure>

Bestimmen Sie zum Abschuss, ob die Videos am Anfang oder am Ende der Playlist hinzugefügt werden sollen.&#x20;

<figure><img src="/files/KZO8wNx6NHDBnWHGtEqS" alt=""><figcaption></figcaption></figure>

Die Videos sind jetzt der Playlist zugewiesen.

### Livestreams

Öffne Sie über das **Hauptmenü** das Modul **Playlists**. Wählen Sie in der **Übersicht** die zu bearbeitende **Playlist** und gehen Sie im **Icon-Menü** auf das **Liste-Icon** (Elemente der Playlist bearbeiten).&#x20;

<figure><img src="/files/1BxzVuhxAvACy1o529mK" alt=""><figcaption></figcaption></figure>

In der **Übersicht der Playlist** gehen Sie auf den Button **+ Livestream**. Im **Dropdown-Menü** werden alle im Benutzerkonto verfügbaren Livestreams angezeigt. Klicken Sie hier auf den Livestream, den Sie der Playlist hinzufügen wollen. Der Livestream ist jetzt zur Playlist hinzugefügt.

## 3. Elemente der Playlist bearbeiten <a href="#page_playlist_sortierenbearbeiten" id="page_playlist_sortierenbearbeiten"></a>

Öffnen Sie über das **Hauptmenü** das Modul **Playlists**. Wählen Sie in der **Übersicht** die zu bearbeitende **Playlist** und gehen Sie im **Icon-Menü** auf das **Liste-Icon** (Elemente der Playlist bearbeiten).

<figure><img src="/files/mzlWXKONNu1TAYvFKLRc" alt=""><figcaption></figcaption></figure>

&#x20;In der **Übersicht der Playlist** können Sie

1. die Playlist im **Vorschauplayer** überprüfen,
2. die **Titel** der hinzugefügten Dateien und Livestreams **prüfen,**
3. die **Reihenfolge** der Elemente per **“**&#x44;rag\&Drop” **ändern,**
4. **Elemente** aus der Playlist **löschen,**
5. **Livestreams** zur Playlist **hinzufügen.**

Zum Abschluss klicken Sie rechts oben den Button **Vorschau aktualisieren** und überprüfen die geänderte Playlist in der Vorschau. Jetzt können Sie den Player-Code wählen und in eine Webseite einbetten.

## 4. Playlist-Player erstellen/bearbeiten

Öffnen Sie über das **Hauptmenü** die **Player-Verwaltung**.

Hier erstellen Sie über den Button **Player erstellen** den Player für die Playlist oder bearbeiten einen bestehenden Player über das **Stift-Icon**. &#x20;

<figure><img src="/files/90tSaxhmOvYghdAYTXFt" alt=""><figcaption></figcaption></figure>

Im Konfigurationsbereich des Players wählen Sie den **Reiter Playlist.**&#x20;

{% hint style="warning" %}
Für einen Playlist-Player wählen Sie kein Projekt. Das Feld soll leer bleiben.
{% endhint %}

<figure><img src="/files/rc015YLe60MM9mn8wNrS" alt=""><figcaption></figcaption></figure>

Einstellungsoptionen für Playlists:

* Playliste im Player deaktivieren - die Playlist-Vorschau wird im Player nicht angezeigt
* Playlist bei Initialisierung des Players öffnen - nur für **Audio-Player**, Liste mit Elementen wird sofort angezeigt.
* Playlist-Items in der Player-Konfiguration für Dateien ausgeben
* maximale Items in **Playlist (Sichtbar)**
* maximale Items in Playlist&#x20;

{% hint style="info" %}
Eine ausführliche Beschreibung der Player-Konfiguration finden Sie im **Kapitel Player.**
{% endhint %}

Zum Abschluss **speichern** Sie die Einstellungen.

## 5. Embed-Code kopieren <a href="#page_player_code_kopieren_und_einbetten" id="page_player_code_kopieren_und_einbetten"></a>

Öffnen Sie über das **Hauptmenü** das Modul **Playlists**. Wählen Sie in der **Übersicht** die gewünschte **Playlist** und klicken Sie im **Icon-Menü** auf das **Code-Icon**.&#x20;

<figure><img src="/files/736krKR9qa5FgF5bzjd6" alt=""><figcaption></figcaption></figure>

Im Fenster wählen Sie im **Drop-down-Menü** den Player. Anschließend gehen Sie im Bereich Embed-Code auf den **Reiter** der Code-Version, die Sie verwenden wollen, und kopieren dort den Code.

Zusätzlich erhalten Sie hier auch die **direkte Player URL,** um die Playlist direkt im Browser aufzurufen.

[^1]: Besser als Tabelle formatieren