Meinolf Droste
Streaming und Scrivito
Aktualisiert: vor 20 Stunden
Ein React Scrivito Widget zum Abruf von Videos.

Wenn Sie auf Websites mehr als nur ein paar kleine Videos anzeigen möchten, kommen Sie an einer Streaming-Plattform nicht vorbei. Eine der beliebtesten ist JW-Player. Wie der Name erkennen lässt, handelt es sich hierbei um einen Video-Player und eine Streaming-Plattform. Tatsächlich hat die Firma vor vielen Jahren, als Anbieter eines Flash Video-Players begonnen. Uns soll aber hier nur der Streaming-Dienst interessieren.
Damit von dort Videos abgerufen werden können, um diese auf der eigenen Website anzeigen zu können, müssen bestimmte Code-Snippets im HTML einer Seite eingebunden werden. Wer ein Content Management Sytem benutzt, möchte das natürlich auch mit diesem erledigen.
Das Scrivito-CMS bietet hierzu Out of the box keine Möglichkeit. Also habe ich beschlossen ein Widget zu entwickeln, das es ermöglicht Videos auf Scrivito Seiten anzuzeigen. Dazu muss der Endbenutzer nicht mehr tun, als im Widget die Video-ID zu erfassen. So können Videos überall auf einer Seite, in beliebiger Größe, eingebunden werden.
React Komponente als Basis für ein Scrivito Widget.
Aufgrund der großen Popularität von React gibt es Komponenten für nahezu jeden Zweck. Die Komponente react-jwplayer dient mir als Basis für das Video Widget. React Komponenten werden im JS-Code konfiguriert, ein Scrivito Widget über das CMS. Dazu muss man als Entwickler, die React Komponente in das Widget importieren und die React Props, als Feld im Widget integrieren. Scrivito als CMS wird dadurch zu einem Konfigurationssystem für React Komponenten. Für Aufgaben, für die Sie sonst einen Entwickler beauftragen müssen, benötigen Sie mit Scrivito lediglich ein passendes Widget.