VisionPlayer
Modular JavaScript Media Player
- video
- audio
- UX/UI
- JavaScript
Another special focus of alphanull for nearly 20 years has been video for the internet. During this time, I have developed several video players — starting with the first one in Flash - which later evolved into the HTML/JS-based VisionPlayer, which is now available as Open Source. This player was designed to be extensible and modular, allowing for easy adaptation to specific client needs. Over the years, the player has gained a wide range of functionality, encompassing nearly every feature found in other players — and if something should be missing - it can be implemented, following any additional requirements. Additionally, I developed a video recorder that enables users to capture their own content through a webcam or by screencasting.
The player is used in several projects, like DIRECT, enerchi and also as a heavily customized version for the Swiss based educational video platform nanoo.tv. The player is able to play any media format supported by the browser, and is also capable of live-streaming using MPEG DASH and HLS.
The player features a familiar user interface similar to those found in other media players. It offers a wealth of configuration options, allowing clients to control which modules to use and to modify their behavior through various settings. The player can be set up with a comprehensive array of options or a minimalist configuration for use as a “headless” background player. It is fully adaptable to client design needs and can be localized for multiple languages.
Here you can see some of the possible settings: the playlist and the popup that allows you to change audio and video in real time. Videos can be played in full-screen mode or in “Picture-in-Picture” mode, so that a video continues to play even when the browser is not in the foreground. In addition, there are many possibilities for “Overlays”, where additional content such as images can be placed over the actual video.