alphanull Media Player
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 alphanull Media Player. 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 and upload their own media, whether through a webcam or screencasting. Last but not least, a simple video editor was also created that allows users to trim their videos.
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, and there is even support for DRM protected content.
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 available settings. Users can control language, quality, subtitles, playback speed, and more. There’s also support for full-screen playback or the “Picture in Picture” mode, allowing the video to play even when the browser is in the background. Lastly, the special “Overlays” component enables the display of additional content, such as images layered over the playing video.