> 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/multi-channel-livestreaming.md).

# Multi Channel Livestreaming

Mit diesem Modul stellen Sie mehrere Livestream-Projekte in einem Player zusammen. Der Zuschauer kann während der Übertragung im Player zwischen Inhalten bzw. Livestreams wechseln.

Anwendungsbeispiele:

* Live-Übertragungen in mehreren Sprachen
* Übertragungen von unterschiedlichen Kameraperspektiven 
* Online-Kongresse oder -Messen mit parallelen Beiträgen bzw. Veranstaltungen

*Abbildung: Multi Channel Player*

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

{% hint style="warning" %}
Kommentare und Live Polls können bei dieser Ausgabeversion für Livestream-Projekte nicht verwendet werden.
{% endhint %}

{% hint style="danger" %}
Ein Auslieferung von On Demand-Dateien, wie z.B. Aufzeichnungen von Livestreams, wird nicht unterstützt!
{% endhint %}

Das Modul bietet zwei Bereiche, um Einstellungen vorzunehmen:

1. die **Übersicht** mit allen Multi Channel Livestreams
2. den **Konfigurationsbereich** eines Multi Channel Livestreams

Die grundlegenden Einrichtungsschritte sind:

1. das Modul in der Modulverwaltung hinzufügen
2. die benötigten Livestream-Projekte einrichten
3. einen Live-Player erstellen
4. den Multi Channel Livestream anlegen, überprüfen und ggf. bearbeiten
5. dem Multi Channel Livestream den Player zuweisen und anschließend den Embed-Code kopieren.

#### [Bereich in der REST API](#user-content-fn-1)[^1]

{% embed url="<https://sdn.3qsdn.com/api/doc#/13.00%20Multi%20Channel%20Livestreaming>" %}

## Übersichtsseite für Multi Channel Livestreams

**Öffnen** Sie im **Hauptmenü** den Menüpunkt **Module**. Klicken Sie im Drop-down-Menü auf *Multi Channel Livestreaming.*

Die **Übersicht** zeigt alle angelegten Multi Channel-Livestreams mit den Informationen:

* **ID**                                 - wird automatisch erstellt, kann nicht geändert werden
* **Titel**                       - individuelle Bezeichnung
* **Erstellt**                   - Zeitpunkt des Anlegens
* **Änderungsdatum** - Zeitpunkt der letzten Bearbeitung

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

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

* **Multi Channel Livestream anlegen**            - Button: *+ Multi Channel Livestream anlegen*
* **Spalte "Erstellt" sortieren**                              - auf- oder absteigend nach dem Zeitpunkt
* ***Icon-Menü***:
  * **Titel bearbeiten**                                       - Stift
  * **Vorschauplayer öffnen**                           - Auge
  * **Livestream-Projekte zuweisen**               - Liste
  * **Player wählen/Embed-Code** **kopieren**  - eckige Klammer
  * **Löschen**                                                    -  Mülleimer      &#x20;

## Der Konfigurationsbereich eines Multi Channel Livestreams

Sie **öffnen** den Bereich in der **Übersicht** mit dem **Liste-Icon**.

Der Bereich hat drei Unterbereiche, die über das **Bereichsmenü** aufgerufen werden:

1. Vorschau       &#x20;
2. Live Projekte &#x20;
3. Embed-Code

### Vorschau

Hier wird der **Player** mit den zugewiesenen Livestream-Projekten angezeigt. Sie können die Funktion und die verwendeten Metadaten der Livestream-Projekte prüfen.&#x20;

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

In der **Stream-Auswahl** links im Player werden folgende Metadaten der Livestream-Projekte angezeigt:

* das **Vorschaubild**&#x20;
* die zugewiesene **Sprache**&#x20;
* die Metadaten **Playerelemente - Anzeige Titel Player (Zeile 1)** und/ oder **(Zeile 2)**

### Live-Projekte

Hier werden die hinzugefügten Livestream-Projekte mit folgenden Informationen angezeigt:

* **ID**                            - wird automatisch erstellt, kann nicht geändert werden
* **Titel**                   - individuelle Bezeichnung
* **Sprache**            - optional zugewiesene Sprache
* **Default Projekt** - das Standardprojekt, welches an erster Stelle im Player verwendet wird

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

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

* **Livestream-Projekt hinzufügen**               - Button: *+ Live Projekt hinzufügen*
* ***Icon Menü**:*
  * **Reihenfolge der Projekte ändern.**      - Pfeile
  * **Auswahl des Projekt ändern**             - Stift
  * **angezeigte Sprache ändern**                 - Stift
  * **Default Status ändern**                        - Stift
  * **Projekt aus Liste löschen**                   - Mülleimer      &#x20;

### Embed-Code

Hier werden die hinzugefügten Playouts mit folgenden Informationen angezeigt:

* **Playout** - individuelle Bezeichnung
* **Player**   - zugewiesener Player
* **Playout ID (dataid)**&#x20;

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

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

* Playout **hinzufügen**                               - Button: *+ neues Playout hinzufügen*
* Playout ID (dataid) **kopieren**                  - in Spalte PlayoutId (dataid)
* ***Icon Menü:***
  * **Bezeichnung** des Playouts **ändern**  - Stift
  * Auswahl des **Players ändern**          - Stift
  * Embed-Code **kopieren**                         - eckige Klammer
  * direkte Player-URL **kopieren**              - eckige Klammer
  * Playout **löschen**                                      - Mülleimer

## Multi Channel Livestream anlegen und bearbeiten

### **1. Namen** für den Multi Channel Livestream **eintragen**

Klicken Sie dazu in der **Übersicht** den Button ***+ Multi Channel Livestream anlegen.***&#x20;

Im **Formular** hinterlegen Sie den **Namen,** der in der Übersicht verwendet wird.&#x20;

<div align="center"><figure><img src="/files/SJLyc95jCKxual6E07vn" alt=""><figcaption></figcaption></figure></div>

Zum Abschluss **speichern** Sie die Einstellung.

Der neue **Multi Channel Livestream** wird jetz in der **Übersicht** angezeigt.

### 2. Die **Livestream-Projekte zuweisen**

Sie öffnen den **Bereich** *Live Projekte* in der **Übersicht** mit dem **Listen-Icon .**&#x20;

Im B**ereich** *Live Projekte* klicken Sie auf den Button ***+ Live Projekt hinzufügen**.*&#x20;

<figure><img src="/files/5kB9jVdGpKFcKoLNB7Bi" alt=""><figcaption></figcaption></figure>

Im Formular wählen Sie:&#x20;

* Drop-down-Menü ***Live Projekt***  - das Livestream-Projekt&#x20;
* Drop-down-Menü ***Sprache***        - die Sprache, die im Player angezeigt wird
* Checkbox **Default Projekt**       - legt fest, dass dieses Livestream-Projekt das Hauptprojekt ist

Zum Abschluss **speichern** Sie die Einstellungen. Sie können jetzt weitere Livestream-Projekte zuweisen.

### 3. Multi Channel Livestream überprüfen und bearbeiten

Zur Überprüfung öffnen Sie den Bereich **Vorschau** (siehe oben, Konfigurationsbereich > Vorschau).&#x20;

{% hint style="danger" %}
Bitte achten Sie darauf, das die Livestream-Projekte, die Sie für die Auslieferung als Multi Channel Livestream nutzen wollen, gleich konfiguriert sind.
{% endhint %}

<figure><img src="/files/7PaAV6QrLn3FZJydPhbH" alt=""><figcaption></figcaption></figure>

Die folgenden Einstellungen können im Vorschauplayer überprüft werden:

1. Welches Projekt ist der Hauptstream/Defaultstream?
2. die Reihenfolge, in der die alternativen Livestream-Projekte im Player angezeigt werden,&#x20;
3. die Vorschaubilder der Livestream-Projekte,
4. die Textanzeigen aus den Metadaten der Livestream-Projekte zum Vorschaubild,
5. die Sprachanzeige zum Livestream-Projekt.

Diese Einstellungen lassen sich wie folgt bearbeiten:

#### Das Default-Projekt oder die Sprachanzeige ändern

Öffnen im  **Konfigurationsbereich** den Menüpunkt: **Live Projekte**. Gehen Sie in der **Übersicht** in die **Zeile des Live Projekts**, welches zukünftig das Default-Projekt sein soll. Klicken Sie hier auf das **Stift-Icon.** Im Formular *Bearbeiten* setzen Sie ein **Häkchen** in der **Checkbox** *Default Player* oder wählen Sie die neue Sprache für die Sprachanzeige im Player.

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

Zum Aktivieren der Einstellung klicken Sie auf **Speichern**. In der Übersicht wird jetzt das gewählte Projekt als Default-Projekt angezeigt.

#### Die Reihenfolge der Projekte ändern

Öffnen Sie im **Konfigurationsbereich** den Menüpunkt **Live Projekte**. Gehen Sie in der **Übersicht** in die **Zeile des Live Projekts,** dessen Position in der Reihenfolge geändert werden soll. Klicken Sie hier auf das **Doppelpfeil-Icon.** Sie können jetzt mit dem Cursor das Projekt nach **oben** oder **unten** in der Liste verschieben.

#### Das Vorschaubilder oder die Textanzeige eines Livestream-Projekts ändern

Öffnen Sie in der **Projektübersicht** das Projekt und wählen Sie im **Projektmenü** den Bereich: **Metadaten/Playerelemente**. Hier laden Sie ein neues Vorschaubild hoch oder ändern die Einträge in Anzeige Titel Player (Zeile 1) und Anzeige Titel Player (Zeile 2). **Speichern** Sie zum Abschluss die Änderungen.

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

## Einen Player zuweisen und den Embed-Code kopieren&#x20;

Den Bereich Embed-Code öffnen Sie in der **Übersicht** über das **Icon-Menü** > *eckige Klammern* oder im **Konfigurationsbereich** des Multi Channel Livestreams im **Bereichsmenü.**

{% hint style="info" %}
Solange kein weiteres Playout hinzugefügt oder das "Default"-Playout bearbeitet wurde, wird der Default-Player des Kontos verwendet (siehe Bild).
{% endhint %}

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

Sie können jetzt:

1. den Embed-Code eines angelegten Playouts kopieren,&#x20;
2. ein neues Playout anlegen,&#x20;
3. ein Playout bearbeiten

### Embed-Code kopieren

Um die **Code-Auswahl** zu öffnen, klicken Sie im **Icon-Menü** auf das *Code-Icon.*

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

Gehen Sie in der **Ausgabe** *Embed-Code* auf den **Reiter** für *Javascript* oder *iFrame*.&#x20;

Hier erhalten Sie auch die *direkte Player-URL* zum Aufruf des Player im Browser.

Zum Kopieren der Codeversion nutzen Sie bitte den **Button** *In die Zwischenablage kopieren*.

### Neues Playout anlegen/Playout bearbeiten

Klicken Sie auf den Button **+ Neue Playout Id hinzufügen** oder **zum Bearbeiten** eines Playouts auf das **Stift-Icon.** Die Eingabeformulare unterscheiden sich nur durch den Titel.

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

Im Formular wird ein **Name für das Playout** hinterlegt. Im Drop-down-Menü **Player** wählen Sie den **Player, der verwendet werden soll**. Zum Abschluss **speichern** Sie die Einstellungen.

{% hint style="info" %}
Mit der Auswahloption - **keine Auswahl (Default)** - wird der Defaultplayer des Kontos zugewiesen.
{% endhint %}

[^1]: Fehlt hier was?