Streaming und Scrivito

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.

Hier einige Beispiele. Wie alle anderen Scrivito Widgets, können diese per Drag & Drop, beliebig auf einer Seite verschoben werden. So ist es ein Kinderspiel Video in Grids zu positionieren.

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.

Kommentare: Streaming und Scrivito CMS

Melde dich bitte an, wenn du einen Kommentar schreiben möchtest.
Angelika Spallek schrieb am 13.11.2018

Hallo, @Chris Karger, richtig. Meinolf hat das noch nicht an Firebase angebunden.

Fazit

Mit React Komponenten kann das Scrivito-CMS beliebig erweitert werden. Sie nutzen Scrivito bereits und benötigen neue Widget?

Dann können Sie mich gerne kontaktieren: per Mail an m.droste@mdwp.de oder telefonisch unter +49 2331 62 85 27 3