Media Player

An offline-enabled media player built on top of HTML5



A web-based media player that supports audio boosting up to 300 percent and supports the most commonly used controls like repeating a single media or entire album. This player remembers the last played position and resumes from where you left without any seeking needed. This player works completely offline it plays local resources. For remote resources, it tries to buffer the media from the server ahead of the progress to minimize playing lags. This player can be controlled with media keys even if the player is not active.


This project brings a simple video and audio player to your browser that can play local media files without the need to install a native media player. Note that this player does not have any extra codecs than those supported by your browser. So at this point, it can only play supported formats by your browser. The player has a playlist that can extract media files in all subdirectories of a single directory. Just drop the root directory, and this web application recursively checks for all media files in all subdirectories and add all of them to the playlist. The playlist can be viewed by pressing "Ctrl + P" on Windows and "Command + P" on Mac OS.

This player supports keyboard shortcuts of all of its actions. To see the combination, place your mouse over the desired button.

This web media player also supports audio boosting in addition to the volume control. The boosting uses an audio context to add extra gain to the audio output. This feature is helpful if there is audio with insufficient audio weight. Similar to the well-known VLC player, you can boost the audio to increase the volume beyond 100%. In oppose to the VLC player, this media player separated audio boosting control from the volume control to emphasize the difference. It is always recommended to use the volume control to increase audio instead of using the booster. Increased volume using the booster could affect the audio quality. So use it only if you need to.

There is a playback rate feature to play a media source at higher rates than the regular rate. This feature is useful for fast previewing a video source. Note that all preferences, except the boosting level, are persistent. So even if you close the media player's tab, on next usage the volume level is set to the value that you have previously selected.

Related Blog Posts

  1. How to Use Multiple Browser Profiles in Any Browser: Web browsers store all types of personal data. It could be extensions, settings, history, bookmarks, credit card information, personal emails and more in a profile. Separate profiles can be created to split things up to enhance privacy and management...
  2. How does HTTPS actually work : When it comes to your standard HTTP protocol, HTTPS is covered by a generous amount of scrumptious SSL/ TLS encryption. It prevents anyone from modifying or viewing requests which make up the browsing experience. HTTPS stores the credit card details, communications...
Comments and feedback