VisionPlayer
Modularer JavaScript Media Player
- Video
- Audio
- UX/UI
- JavaScript
- Web-App
Ein besonderer Fokus von alphanull liegt seit fast 20 Jahren auf der Umsetzung von Videoinhalten für das Internet. Ich habe mehrere Videoplayer entwickelt – der erste davon noch in Flash – der sich später zum HTML/JS-basierten VisionPlayer weiterentwickelte, der nun auch als Open Source vorliegt. Dieser Player ist erweiterbar und modular aufgebaut, sodass er leicht an die Bedürfnisse meiner Klienten angepasst werden kann. Im Laufe der Jahre hat der Player kontinuierlich an Funktionalität gewonnen und unterstützt (fast) alle gängigen Features, die auch in anderen Playern zu finden sind. Und sollte dennoch etwas fehlen, kann es natürlich gemäss den Anforderungen umgesetzt werden. Zudem hat alphanull einen Videorekorder entwickelt, der Benutzern ermöglicht, eigene Inhalte aufzunehmen – sei es über eine Webcam oder als Bildschirmaufzeichnung.
Der Player bzw seine Vorgängerversionen wurden in verschiedenen Projekten eingesetzt, darunter DIRECT, enerchi und in einer stark angepassten Version für die Schweizer Medienplattform nanoo.tv. Er unterstützt sämtliche Formate, die von den Browsern wiedergegeben werden können, und ist in der Lage, (Live) Streams über MPEG DASH oder HLS zu verarbeiten.
Der Player bietet ein vertrautes User-Interface, ähnlich wie in anderen vergleichbaren Projekten. Es gibt eine Vielzahl von Konfigurationsoptionen, mit denen gesteuert werden kann, welche Module genutzt werden und wie deren Verhalten eingestellt werden kann. Der Player lässt sich sowohl mit allen verfügbaren Optionen konfigurieren als auch als „headless“ Player ohne UI einsetzen, beispielsweise für Videos, die im Hintergrund abgespielt werden sollen. Zudem kann das Design nach individuellen Wünschen angepasst werden, und der Player ist in beliebig vielen Sprachen lokalisierbar.
Hier sind einige der möglichen Einstellungen zu sehen: Playlist und das Popup, mit dem in Echtzeit Ton & Bild geändert werden können. Videos können im Vollbildmodus oder im „Bild-in-Bild“-Modus abgespielt werden, sodass ein Video auch weiterhin läuft, wenn der Browser nicht im Vordergrund ist. Darüber hinaus gibt es viele Möglichkeiten für „Overlays“, bei denen weitere Inhalte wie Bilder über das eigentliche Video gelegt werden können.