> 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

Übersicht, Playlist anlegen/bearbeiten, Dateien und Livestreams zuweisen, Elemente der Playlist bearbeiten, Player konfigurieren, Embed-Code kopieren

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

<figure><img src="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FrlTd3Ku0zkVAER8orVnw%2Fsdn_interface_playlists_player.png?alt=media&amp;token=62e7eb04-c672-4a9b-b808-5d7f744158e0" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FeogxJvCf0OjnWCMLWeIw%2Fsdn_interface_playlists_u%CC%88bersicht.png?alt=media&amp;token=32ff459c-dcc5-4be8-80d4-93065a95d764" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FMxEFKOBVRgRAnzc4Tyav%2Fsdn_interface_playlists_anlgegen_bearbeiten.png?alt=media&amp;token=e4a59449-7f05-44dd-852c-0842e0420fb2" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2Fi2VbDGM9QkreFOqD6Gsk%2Fsdn_interface_playlists_dateien%20zuweisen1.png?alt=media&amp;token=496849f2-b880-48d1-ae17-db2ad0495dc3" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FUfREGWw3bq0iJjIwqzPI%2Fsdn_interface_playlists_dateien%20hinzufu%CC%88gen2.png?alt=media&amp;token=9ba66264-26b5-4988-ab77-fbb17049c360" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2F4TSP5DYaYLNTBwAxAqGg%2Fsdn_interface_playlistst_dateien%20hinzufu%CC%88gen3.png?alt=media&amp;token=394cdfd7-8c0c-4f1c-bb6d-990bf1c944f9" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2F7Rk0Uv1nfpskys3udueR%2Fsdn_interface_playlists_stream%20hinzufu%CC%88gen.png?alt=media&amp;token=e6f8a049-9bf7-4436-a8cb-b9c70db038e3" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FzijIk7USHuzxCC4RzCDU%2Fsdn_interface_playlists_elemente%20bearbeiten.png?alt=media&amp;token=2728ddff-f61e-4bc0-aea3-abe538b7380a" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FKZ9786FQ7SkDM7RUdeR7%2Fsdn_interface_player_u%CC%88bersicht%20mit%20playlistplayer.png?alt=media&amp;token=dd5e83fc-efde-4c11-814b-56f4d2369672" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2F5DYaXKTPUgtzBLGpP27y%2Fsdn_interface_playlists_player%20erstellen.png?alt=media&amp;token=635c062e-5143-4fb0-b650-3315fc2e9d5d" 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="https://59703589-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkQg21V1sTKk5IFO6nIKJ%2Fuploads%2FAdsSYR5Ugw4ZjAdEWEd9%2Fsdn_interface_playlists_embedcode.png?alt=media&amp;token=43ad6f99-1413-425a-af5d-a6f0af360158" 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