Modern Audio Player

Desktop, mobile and tablet support

Player will adapt to any screen size and any device, wheater you are using desktop browser or your mobile phone. Responsive breakpoints allow for player to adjust to different screen sizes. Brakpoints are set using CSS. Include breakpoints in player settings (for example 768, 500) then add CSS for these breakpoints in player custom CSS section.

Optional playlist support

Use this player with full playlist support, or as a simple audio player just to play a single audio file. You can even hide the player altogether and listen for audio in the background.

Different layouts

Player offers support for different layouts, having playlist location beneath the player, which is suitable for wide layouts or a vertical narrow player. Playlist can open or hide on demand or be completely hidden from view. Its possible to just have a player layout without a playlist visible.

Google Analytics

Player implements Google Analytics which allows for detailed tracking of your song views and other data.

Quick installation

Very easy to include audio player in your project. Featuring advanced documentation with sample demo pages ready for use. Add HTML markup directly in the page and style it according to your needs. Icons in player can be anything, from inline SVG, font icons (like Font Awesome, Material icons, IonIcons...) to plain images. Very easy to change icons in the player to your own just by modifing player html.

User friendly admin

Wordpress admin offers intuitive interface with lots of configurable options allowing users to fully utilize this player features. Player also comes with many predefined demos ready to use. Create multiple players and unlimited number of playlists and use shortcode generator to render the player in page.

Gutenberg editor support

Compatible with all new Wordpress Gutenberg editor.

Widget support

Include player as widget anywhere in your theme.

Wide variety of platforms

Player ads supports for all HTML5 audio formats, RSS Podcasts, iTunes, Apple HLS m3u8 Live streaming. You can even mix different media in the same playlist.

Audio advertising

Support for audio advertising. Play audio clips before, during and after main song ends. Specify different ads for each song or global ads for all songs. Play ads over main song audio or pause main song while ad plays. Multiple ads are supported for each song and can be randomized.

Disable song skip

Prevent users from changing or skipping song while audio plays and make listening whole audio chapters and books obligatory.

Content sources

Load playlist from HTML markup, XML, JSON, database, automatically ready folder with audio files including ID3 metadata. Load audio sources from Google Drive or any public link that plays in the browser. Mix different audio sources in the same playlist. Load new playlist at runtime.

Folder playlists

Read folder with audio files including ID3 metadata into the player. Subfolders are supported as well. Song data (title, album, artist, cover) is automatically fetched from song metadata and displayed in the player.

Random playback

Player can randomize playlist playback and shuffle song order.

Multiple looping states

Repeat whole playlist, repeat single song or disable song looping altogether.

Set start, end time

Define song start and end time and loop between. Can be used for song preview and purchase option.

Playback rate

Change audio playback rate while audio plays using drag slider and player API.

AB loop (range)

Loop song between 2 time ranges with range slider.

Url links and download icons in playlist

Playlist items can contain url link (for example purchase button) and download icon which can download a song or a song preview.

Filter songs in playlist

Search song titles and description in playlist.

Keyboard support

Control audio playback with advanced keyboard controls.

Global playlist options

Define global playlist options (default player artwork cover, song start / end time, playback rate..) and apply them to each song in playlist.

Query parameters

Player settings can be passed using query parameters in url.

API methods

Player comes with built in full API support for controlling playback (toggle playback, seek to specific time, control volume, jump to different song, load new song or playlist, import songs at runtime etc..).

Hooks and event callbacks

Player will dispatch important events as song plays into which you can hook and modify player behaviour without changing the source code.

Pagination

Load more songs into the player on demand, either with load more button or by scrolling to playlist end or using by using player API.

Playlist content

Choose content to show in playlist items. Playlist items can contain image thumbnails, titles, description, duration and published date.

Audio background

Player can be used as audio background widget anywhere in the page.

Social sharing

Share your songs into favorite social networks like Facebook, Tumblr, Twitter and more.

Highly customizable with HTML and CSS

By using the basic css skills, player can be restyled into pretty much anything! You can add your own HTML anywhere in the player and style with with css!

Url encryption

Hide audio url from page source with encryption.

Uninterrupted audio playback across web pages

Play music continously across web pages by remembering playback position or with option to open player is a separate popup window. If you have an ajax website you can make player part of the page that doesnt reload. Option to remember playback position for each song in playlist. Useful if you have playlist of long audio books or podcasts and you want to resume listening from last time.

Javascript powered

Player is completely written in pure javascript which means it will run fast in your website and will not interfere with other scripts.