Lupe Suche
Responsiv Devices

Tutorial 7

Ein eigenes Video-Modul entwickeln

Mit jeder VideoJS-Page kann ein Video in einer HTML5- Umgebung abgespielt werden. Damit es auf allen Browsern läuft werden die Videodateien MP4 und OGG eingebunden. Zur Steuerung / Player verwenden wir VideoJS. Wenn mehrere Videos gezeigt werden sollen, kann dies durch eine Video-Startseite gebaut werden, in der die Videolinks mit den Vorschaubilder und Texten, auf die entsprechenden Unterseiten vom Typ 'VideoJS' verlinkt werden.

Um ein eigenes Modul zu entwickeln, das HTML5 Videos in einer Seite abspielt, werden folgende Voraussetzungen, Dateien, Bilder und Scripts benötigt:

  • Ein Datenbank-Model/Controller 'VideoJSPage.php' zur Ablage folgender Angaben:
    • Video-Ordner
    • Video-Datei MP4
    • Video-Datei OGG
    • Vorschaubild
    • Breite des Videos
    • Höhe des Videos
  • Anzeige in 'VideoJSPage.ss
  • Eine Steuerung, eine Kontrolle der Video-Typen, Optionale Möglichkeiten für Untertitel ...
    • Wir verwenden die Bibliothek VideoJS
    • Sie ist OpenSource/Free, oft verwendet und bewährt, gut dokumentiert
  • Die Javascript-Datei: video.js
  • Die CSS-Datei: video.css
  • Das Startbild: video.png
  • Die Webfonts für die Steuerungs-Symbole: 
    • vjs.eot
    • vjs.svg
    • vjs.ttf
    • vjs.woff
  • Konfiguration: _config.php
  • Erläuterungen: readme.md

 

Silverstripe 3x mit Theme 'simple' verwenden

Erstelle dein Modul in einer Silverstripe-Installation, die du mit dem Stanard-Template 'simple' betreibst. Du kannst dein fertiges Video-Modul nachher an jedes beliebige Template anpassen. Es ist aber von Vorteil, ein Modul für das Standard-Template zu entwickeln. Die Wiederverwendbarkeit, kann ein wichtiger Grund zum Bau eines Moduls sein.

 

Weiter mit dem Bau der Ordnerstruktur