In the previous post (https://www.brightcove.com/ja/resources/blog/live_stream_chat_1/ “previous”), we introduced how to set up <a href=“https://chatroll.com/” target=“_blank” title=“Chatroll”>Chatroll</a>. This time, we will introduce the integration between our products [Brightcove Gallery](https://www.brightcove.com/ja/products/gallery/ “Brightcove Gallery”) (video portal site construction function) and [Brightcove Live](https://www.brightcove.com/ja/solutions/live-streaming/ “Brightcove Live”).
__Inhaltsverzeichnisse__
- [1. über Brightcove-Galerie](#1-brightcove-gallery)
- [2. einrichten der Brightcove-Galerie](#2-brightcove-gallery)
- [3. einrichten der Video-ID](#3-video-id)
- [4. reflektierende Einstellungen](#4-)
## 1. Über die Brightcove-Galerie
Die Brightcove-Galerie ist eine Funktion, mit der Sie ganz einfach eine Videoportalseite erstellen können. Sie können aus den folgenden Vorlagen eine Videoportalseite erstellen, die dem Markenimage Ihres Unternehmens entspricht.
Zusätzlich zu dieser "Portal"-Vorlage wurde 2017 auch eine neue "In-Page"-Vorlage veröffentlicht, mit der Sie Video-Playlists in Ihre bestehende Website einbetten können. (Weitere Einzelheiten finden Sie [hier](https://www.brightcove.com/ja/resources/blog/gallery-inpage-part1/ "hier")
Sie können Chatroll entweder mit den Funktionen "Portal" oder "In-Page" verwenden. In diesem Beispiel zeigen wir Ihnen, wie Sie die "In-Page"-Funktion nutzen können, um eine Chat-Funktion bei Live-Übertragungen zu implementieren.
*Brightcove Gallery verfügt über verschiedene Einstellungen, aber dieses Mal werden wir die Mindesteinstellungen vorstellen. Informationen zu den technischen Daten von Brightcove Gallery und zum Vornehmen von Einstellungen finden Sie unter [hier](https://ja.gallery.support.brightcove.com/get-started/getting-started-brightcove-gallery.html "hier"). Wenn Sie Fragen haben, wenden Sie sich bitte an unseren technischen Support gemäß den Supportbedingungen Ihres Vertrags.
## 2. So richten Sie die Brightcove-Galerie ein
Bitte melden Sie sich auf Video Cloud an und wählen Sie das Galerie-Modul. Nach dem Übergang klicken Sie bitte auf "Neue Erfahrung" in der oberen linken Ecke des oberen Bildschirms des Galerie-Moduls.
)
Nach dem Übergang klicken Sie bitte auf den dritten Reiter von links, "In-Page". Daraufhin werden verschiedene Vorlagen angezeigt. Wählen Sie bitte "Live Event In-Page".
Bitte geben Sie den "Titel des Erlebnisses" und die "Beschreibung des Erlebnisses" usw. ein und stellen Sie die "Sprache des Erlebnisses" auf Japanisch ein. Nachdem Sie die Einstellungen vorgenommen haben, klicken Sie bitte auf "Erlebnis erstellen". (Sie können diese Einstellungen später ändern.)
In diesem Beispiel wird der Chatrol-Chat-Bildschirm, der im ersten Teil eingestellt wurde, auf der rechten Seite des Videoplayers angezeigt, in dem das Live-Video gestreamt wird. Wenn Sie auf die "+"-Schaltfläche auf der rechten Seite klicken, erscheint ein Bildschirm mit der Bezeichnung "Komponente auswählen", klicken Sie bitte auf "Chat".
Dann erscheint das folgende Pop-up-Fenster. Bitte geben Sie den Chatroll-Einbettungs-Tag (iframe-Tag) in den Abschnitt "Chat-HTML-Code" ein. Wir empfehlen, die "Breite" (width) auf 100% und die "Höhe" (height) auf 500px zu ändern.
In diesem Beispiel soll das Chat-Fenster von vor der Live-Veranstaltung bis nach der Veranstaltung angezeigt werden. Bitte aktivieren Sie alle Kästchen unter "Wann soll dieser Chat angezeigt werden?", "Vor der Veranstaltung", "Live" und "Nach der Veranstaltung" und klicken Sie dann auf die Schaltfläche "Speichern".
Wenn Sie nach dem Übergang oben rechts auf "Vorschau" klicken, wird der Chat-Bildschirm, den Sie im vorherigen Abschnitt eingestellt haben, wie folgt angezeigt. (Im Folgenden ist der oben rechts in der Vorschau angezeigte "Abspielstatus" auf "Live" eingestellt.
## 3. So stellen Sie die Video-ID ein
Im Folgenden wird erklärt, wie Sie die Video-ID für das Video erhalten, das Sie live übertragen möchten.
In diesem Artikel werden wir nicht auf die Methode des Live-Streaming (wie man ein Live-Ereignis erstellt) selbst eingehen. Weitere Einzelheiten finden Sie [hier](https://ja.live.support.brightcove.com/live-module/creating-and-managing-live-events-using-live-module.html "hier"). Nachdem Sie ein Ereignis mit dem Live-Modul erstellt haben, kopieren Sie bitte die "Video-ID", die im "Kontrollraum" des Ereignisses angezeigt wird.
Gehen Sie nach dem Kopieren zurück zum Galeriemodul und klicken Sie links auf die Registerkarte "Video". Nach dem Anklicken werden "Vor dem Ereignis", "Live" und "Nach dem Ereignis" angezeigt, klicken Sie also auf "Live". Vergewissern Sie sich, dass das Optionsfeld "Video-ID" ausgewählt ist, und fügen Sie die zuvor kopierte Video-ID ein.
## 4. Reflektieren der Einstellungen
Um die in der Galerie vorgenommenen Einstellungen zu übernehmen, klicken Sie oben rechts im Galeriemodul auf "Veröffentlichen und einbetten". Daraufhin wird der folgende Bildschirm angezeigt.
Nach kurzer Zeit wird unter "Öffentlicher Status" angezeigt: "Dieses Erlebnis ist auf dem neuesten Stand. Bitte installieren Sie das unter "Empfohlen" angezeigte JavaScript auf Ihrer Website. Dann sollte der Videoplayer nicht mehr angezeigt werden (siehe unten) und nur noch das Chat-Fenster auf der rechten Seite erscheinen.
Dies ist kein Fehler, sondern liegt daran, dass die Einstellungen im Galeriemodul auf den Zustand vor Beginn der Live-Übertragung (vor dem Ereignis) eingestellt sind. Nachdem Sie bestätigt haben, dass die Live-Übertragung im Live-Modul begonnen hat, klicken Sie auf "Ändern" neben "Vor dem Ereignis" oben links im Galerie-Modul. Daraufhin wird das Pop-up-Fenster "Ändern, was die Zuschauer sehen" angezeigt. Nachdem Sie das Optionsfeld "Live" ausgewählt haben, klicken Sie auf "Weiter".
Alle Einstellungen sind nun abgeschlossen. Der Videoplayer für den Live-Stream sollte nun auf Ihrer Website angezeigt werden, und das Chatfenster wird auf der rechten Seite eingeblendet. Geben Sie wie im vorherigen Abschnitt den Gastnamen (in diesem Fall "Brightcove-Gast") in das Feld "Gast" des Chatfensters ein, und melden Sie sich an.
Sie können nun Ihre Chat-Nachrichten eingeben, während Sie den Live-Stream verfolgen (siehe unten).
In this case, we have used Chatroll and Brightcove Gallery to enable chat during live streaming. In addition to this, there are also other ways to implement chat and surveys, such as using <a href=“https://sendbird.com/” target=“_blank” title=“Sendbird”>Sendbird</a> in the US and <a href=“https://pigeonholelive.com/” target=“_blank” title=“Pigeonhole”>Pigeonhole</a> in Singapore. Please feel free to use these services according to your company’s needs.
