Modern Audio Player for WordPress

Descrição

This versatile audio player offers HUGE amount of customization options and layout possibilities. Just check demo examples to get you imagination going.

View plugin documentation

This plugin contains all kind of different skin styles. Normal skins, sticky (fixed) skins to page bottom, minimal skins and more! Use one player for all your audio player needs.

This is an extremely powerful audio player and supports all kind of embeddable media, from HTML5 audio formats to RSS Podcasts, Soundcloud music, to automatically reading folders of songs including ID3 metadata. Reading Google Drive and One Drive folders, Amazon S3 public and private buckets and more…

Use this player as standard player, fixed to page bottom (sticky) player. Include multiple players in the same page.

Player comes with regular skins that can be placed anywhere in the page, sticky player skins which are full width players fixed to page bottom and minimal players ideal for minimal layout designs. This is one full blown audio player that can be used anywhere!

Player comes with standard playback skins and audio waveform skins which display visual song progress information. Even a stylish circular skin is included.

Features and options:

• Destop, mobile and tablet support (fully responsive and mobile optimized buttons)
• Highly customizable with HTML and CSS!
• Written in plain Javascript which means it will run fast in your website and will not interfere with other scripts.
• Only mp3 audio format required for all browsers and devices (other supported formats include wav, aac, flac… etc)
• Supported content sources:
• Audio playlist
• Podcasts RSS
• SoundCloud
• Playlist from folder of mp3 files (read ID3 metadata)
• Google Drive
• One Drive
• Apple HLS Live Streaming m3u8
• XML playlist
• JSON playlist
• Amazon S3 public and private buckets with presigned url and Cloudfront
• Youtube audio and video music (video id, playlist id)
• Song variations support. Player can display multiple version of a song in playlist. For example, you can have 3 songs in playlist, and each song can have multiple variations (long version, short version etc…), example here
• Advanced song statistics for WordPress player version (count plays, likes, downloads) and display them in playlist next to song list. WordPress version includes full admin panel where user can view all audio statistics for each player and playlist.
• Display lyrics while audio plays, example here
• Password protected songs
• Restrict content in WordPress for logged in users and specific user roles.
• Crossfade audio between current and next playing song, example here
• Google Analytics tracking
• Adverts support. Play audio adverts before, during and after main songs plays. Global adverts per playlist or individual per song, example here
• IMA adverts support, example here
• Remember playlist position on page reload (active song, current time).
• Protect song urls with url encryption and blobs.
• Audio embedding. Embed audio player in another website.
• Accordion mode. Player can display accordion list of songs, example here
• Grid mode. Grid skins can create thumbnail grid in page, example here
• Support for multiple instancesof audio player in the same page.
• Option to mix different media types in the same playlist (you can have self hosted audio, Podcast, and Soundcloud mixed in same playlist)
• Custom playlist icons. Create any number of custom icons in playlist and attach url to each icon
• Playback options:
• random playback
• loop playlist
• playback speed
• start / end time
• Media end action (go to next song / loop current song)
• Query string parameters, load audio parameters directly in browser url.
• Responsive breakpoints (hide specific buttons or player elements on small screens)
• Replace WordPress default audio player
• Keyboard navigation
• Social sharing (facebook, twitter, tumblr… etc)
• Play music continously across web pages:
• by remembering playback position
• with option to open player is a separate popup window
• API methods to interact with the player on runtime
• Event callbacks events during audio playback
• Advert callbacks which fire when audio ads play

Click image to view demo

Schedule AddOn

Updates / Changelog

VERSION 9.44 [20.1.2024]

 - [UPDATE] transition update for player to show on schedule

VERSION 9.43 [29.12.2023]

 - [UPDATE] compatible with Schedule AddOn http://codecanyon.net/item/modern-audio-player-schedule-addon/50033418

VERSION 9.42 [20.12.2023]

 - [FIX] accordion mode load new accordion using api
 - [FIX] seekbar waveform in popup window duplicating

VERSION 9.4 [21.11.2023]

 - [FIX] embed does not have player specific css file
 - [UPDATE] with no song active on player start, option to start first song using play button
 - [ADD] playback rate toggle button alternative to slider
 - [UPDATE] redirect login screen set url for non logged in user
 - [ADD] redirect login screen option add custom HTML markup
 - [UPDATE] Google Drive folder use api key for playback if key is provided
 - [ADD] navigator share
 

VERSION 9.25 [22.10.2023]

 - [UPDATE] small code improvements

VERSION 9.23 [10.10.2023]

 - [UPDATE] option to open non downloadable files in new tab
 - [FIX] load more on total scroll not working with playlist type browser scroll 

VERSION 9.22 [5.8.2023]

 - [UPDATE] support for multiple custom template files.

VERSION 9.21 [24.7.2023]

 - [FIX] statistics not show correctly in playlist manager
 - [FIX] delete songs not working in playlist manager

VERSION 9.2 [21.7.2023]

 - [ADD] add popup lightbox option for call-to-action buttons beside your tracks. Embed any content inside lightbox (video, audio, iframe, html).
 - [UPDATE] specify global default class for playlist icons and use text instead of icons for buttons  
 - [ADD] load playlist from CSV file
 - [UPDATE] add aria label to buttons
 - [UPDATE] add global add to favorite button in player

VERSION 9.0 [29.6.2023]

 - [ADD] allow users to create their own playlists 
 - [ADD] limit how many playlists and songs can user create 
 - [UPDATE] display song statistics per user
 - [ADD] add song to favorites for each user 

VERSION 8.36 [25.6.2023]

 - [FIX] sticky player not seeking

VERSION 8.35 [31.5.2023]

 - [UPDATE] updated to pointer events

VERSION 8.25 [13.5.2023]

 - [FIX] skin css file missing when using embed

VERSION 8.22 [4.5.2023]

 - [FIX] keyboard controls scroll page (spacebar, page up, down)

VERSION 8.21 [21.4.2023]

 - [FIX] export, import ad

VERSION 8.2 [14.4.2023]

 - [UPDATE] SEO and semantics improvements
 - [ADD] export statistics to CSV

VERSION 8.03 [8.4.2023]

 - [FIX] audio upload with create waveform can fail in playlist manager if site is https and audio is http 

VERSION 8.02 [12.3.2023]

 - [FIX] amazon S3 private bucket not loading

VERSION 8.01 [1.3.2023]

 

 - [FIX] sticky.css, sticky.js missing from popup.html 
 - [FIX] start playback rate for playback rate toggle button

VERSION 8.0 [27.2.2023]

 

 - [FIX] playlist not reloading on closed popup
 - [FIX] accordion search not working
 - [FIX] accordion after playlist open / close, playlist height incorrect 
 - [FIX] search song autofill with password
 - [FIX] after search was used next song button would not work
 - [FIX] sticky float seekbar not working
 - [FIX] hide lyrics button if no lyrics
 - [FIX] epic skin playlist scroll area when playlist description present
 - [FIX] popup window with sticky player
 - [FIX] redirect login with Lock song time 0 if closed on start would not open again
 - [FIX] restrict song download user roles
 - [FIX] shuffle, loop icons now showing on hover

 - [UPDATE] save quick shortcode generator values 
 - [UPDATE] create audio waveform automatically when player runs in page 
 - [UPDATE] support for auto waveform creation from some external sources like Podcast
 - [UPDATE] define demo waveforms for when main song waveform is not available so player always shows waveform
 - [UPDATE] playlistContentClass for easier styling of playlist items
 - [UPDATE] new improved keyboard settings 
 - [UPDATE] lyrics dialog now opens in window center on start

 - [ADD] fullscreen thumbnail grid playlist selector
 - [ADD] option to have global download button in player 
 - [ADD] option not to reopen player in main window after popup window is closed 
 - [ADD] new skins (fixed, fixed 2, wave) 
 - [ADD] option to insert advertising content into the player (Adsense, Amazon Affiliates, Commission Junction etc... any HTML) 
 - [ADD] admin color settings for skins, option to disable admin color settings if you want to use your own css for styling
 - [ADD] choose what player css skins to include in page (saves including css for all player skins)
 - [ADD] templating system (design your own player skin from php, html, css) 
 - [ADD] option to change icons in player 

VERSION 7.16 [17.2.2023]

 
 - [FIX] some admin fixes

VERSION 7.15 [5.2.2023]

 
 - [FIX] playlist display frontend style select not working
 - [FIX] keyboard options not saving
 - [FIX] ad manager, empty ad fields not required

VERSION 7.12 [4.1.2023]

 
 - [FIX] if auto open popup window, on popup close, player could not be initalized
 - [UPDATE] mid audio adverts play all in sequence
 - [UPDATE] iTunes podcast support

VERSION 7.11 [28.12.2022]

 
 - [FIX] if auto open popup window, on popup close, player could not be initalized
 - [FIX] player custom css not present in popup window

VERSION 7.1 [12.12.2022]

 
 - [FIX] if you copy embed url that already contains player query url parameters, they will get doubled
 - [FIX] keyboard controls event duplicating 

 - [ADD] option to pass Hls config parameters

 - [UPDATE] update to gtag analytics
 - [UPDATE] seekbar tooltip showing on mobile
 - [UPDATE] on close popup window, show player in page again
 - [UPDATE] added popup button to epic skin

VERSION 7.02 [18.11.2022]

 
 - [FIX] statistics skiped first minute counting for all songs, updated to count only if at least few seconds played
 - [FIX] if Pause audio during ads was false and ad-pre or ad-end was playing, progresss seekbar would interfere with ad seekbar

VERSION 7.01 [11.11.2022]

 
 - [FIX] not playing hls source

VERSION 7 [24.10.2022]

 
 - [FIX] variations not selecting correct audio source
 - [FIX] lyrics autoscroll scrolling whole page 
 - [FIX] epic skin, waveform loader not visible while waveform is loading
 - [FIX] metalic skin not fading in on start because of the wrong html markup
 - [FIX] password field causing search field to autocomplete, changed to type text 

 - [UPDATE] converted player to javascript only (no jquery dependencies)
 - [UPDATE] new sticky player design and layouts 

 - [ADD] set placeholder image in player artwork area, if no song is loaded on start
 - [ADD] option to sort songs in playlist by most popular

VERSION 6.71 [19.7.2022]

 
 - [FIX] bug with ad end

VERSION 6.7 [14.5.2022]

 
 - [FIX] admin individual sorting of songs in playlist not persistant after drag sort
 - [FIX] player thumb url sometimes failed because of encodeURI which is applied if url has spaces

 - [UPDATE] Font Awesome loader for custom playlist icons 
 - [UPDATE] custom icons support SVG 
 - [UPDATE] custom playlist icons dont need to have url attached
 - [UPDATE] specify Font Awesome css url for custom playlist icons
 - [UPDATE] specify custom class for custom playlist icon and custom function callback
 - [UPDATE] facebook share no longer requires api key
 - [UPDATE] whatsapp share 

 - [ADD] option to use default browser scrollbar in playlist 
 - [ADD] option to add custom html in playlist items below song title / artist area
 - [ADD] domain switch option, batch rename audio urls in playlist 
 - [ADD] support for IMA, VAST audio ads
 - [ADD] more ad event callbacks so ads can be tracked
 - [ADD] option to password protect song 
 - [ADD] allow only users with specific role to download or listen song
 - [ADD] restrict content (specify how long a user can listen for song)

VERSION 6.4 [18.3.2022]

 
 - [FIX] player cover artwork fail if image url has quotes 
 - [FIX] undefined index in translation.php 
 - [FIX] export error Unknown column 'thumb' in 'field list' from taxonomy table
 - [FIX] podcast may fail if not contain artwork image
 - [FIX] multiple players in page with sticky player not changing song in sticky player correctly

VERSION 6.36 [10.1.2022]

 
 - [FIX] export feature not working in some cases (Read-only file system in plugins directory) 

VERSION 6.35 [2.1.2022]

 - [FIX] on clear statistics, clear visible data without page refresh
 - [FIX] export / import sometimes not working when wp prefix is different

VERSION 6.31 [29.11.2021]

 - [FIX] some language translation missing
 - [FIX] embed brona skin missing link to material icons

VERSION 6.3 [28.11.2021]

 - [UPDATE] statistics display top played songs per user
 - [UPDATE] avoid your own input field in player interfere with keyboard controls
 - [ADD] audio embed (embed single song or whole playlist) 
 - [UPDATE] country data for statistics 
 - [ADD] option to crossfade audio between 2 songs
 - [FIX] ads not playing first defined ad mid on start, but second
 - [FIX] sortable tracks not updating after sort
 - [FIX] audio not resuming time but starting from beginning after s3 url expires 
 - [FIX] admin edit song variations not clearing after modal close

VERSION 6.0 [9.11.2021]

 - [FIX] statistics top plays of the week wrong
 - [UPDATE] statistics add graph for total plays last month
 - [ADD] add rel attribute for playlist item link and additional playlist icons
 - [ADD] play audio from OneDrive (single or folder)
 - [ADD] option to read ID3 tags from Google drive or OneDrive folder (requires cors)
 - [ADD] display song variations (option to display several different versions of the song: Long version, 30s version, 15s version etc..)

VERSION 5.9 [23.7.2021]

 - [FIX] multiple playlist ID's defined in shortcode not working
 - [ADD] amazon s3 support with private buckets
 - [ADD] option to show playlist display with selectize drop down menu above the player
 - [ADD] option to auto advance to next song on error 

VERSION 5.84 [23.06.2021]

 
 - [FIX] IOS resume playback position

VERSION 5.83 [20.06.2021]

 
 - [UPDATE] accept multiple Soundcloud api keys

VERSION 5.82 [11.06.2021]

 
 - [FIX] radio playback not showing song data on mobile locked screen

VERSION 5.81 [23.05.2021]

 
 - [UPDATE] PHP 8 compatibility 

VERSION 5.8 [12.05.2021]

 
 - [FIX] statistics display showing Data not available on statistics reload
 - [FIX] admin: if song was uploaded in playlist manager without ID3 tag image, player would automatically take WordPress audio icon as thumbnail image.
 - [FIX] playlist display shortcode css missing
 - [FIX] progress bar size sometimes incorrect on player start

 - [UPDATE] searching for songs in playlist will only play songs found by search (not compatible with accordion)
 - [UPDATE] improved statistics for radio (track played time)
 - [UPDATE] option to use keyboard controls globally per page (valid only for one player in page) 
 - [UPDATE] grid skins

 - [ADD] option to add custom icons in playlist with url link to each
 - [ADD] when adding songs in Playlist manager, option to add song to multiple playlists at once
 - [ADD] allow only logged in users or specific user roles to listen songs without advertising
 - [ADD] playlist display frontend shortcode generator
 - [ADD] option to show sticky player at page bottom, plays song from active player in page
 - [ADD] optional waveform seekbar in some skins
 - [ADD] new skins (Epic, Epic mini)

VERSION 5.5 [25.03.2021]

 
  - [UPDATE] option to load Google material icons locally
  - [FIX] play song from top tracks in statistics table into connected player not working
  - [UPDATE] using statistics in player but not showing statistics icons in playlist prevented download link for a song to be visible in playlist 
  - [UPDATE] song sorting improvements in playlist manager
  - [UPDATE] select your own keyboard controls

VERSION 5.41 [25.02.2021]

 
  - [ADD] option to use PerfectScrollbar instead of mCustomScroll in playlist

VERSION 5.4 [22.02.2021]

 

 - [FIX] playlist accordion mode search field search opened accordions 
 - [FIX] songs not having download icons for Folder playlist from backend
 - [FIX] shuffle and loop buttons not hidden in player controls when selected to hide in backend
 - [FIX] deleting songs from playlist not deleting data from statistics

 - [UPDATE] time fields and seekbar are now enabled for media type hls
 - [UPDATE] statistics updates: show top tracks skipped in first minute, option to show song statistics per player, option to print graph for song statistics, choose custom date range for statistics, show top plays statistics per country, show play data for each user

 - [ADD] player translation languages
 - [ADD] option to stop on song end
 - [ADD] new shortcodes for displaying top song statistics directly in player 
 - [ADD] song statistic widget list (play popular song as widgets) 

VERSION 5.11 [2.2.2021]

 
 - [UPDATE] option to add HTML description to songs in playlist
 - [UPDATE] auto fetch small thumb size in playlist for songs uploaded though WordPress media library
 - [UPDATE] playback rate is now global value in player settings
 - [UPDATE] show / hide full song description text in playlist with "Read more" button

VERSION 5.1 [18.1.2021]

 
 - [FIX] some bugs
 - [UPDATE] player css moved to external css files

VERSION 5.0 [24.12.2020]

 
 - [FIX] soundcloud private tracks 
 - [FIX] query parameters missing hap-query-instance in help documentation
 - [UPDATE] admin improvements (convert to ajax)
 - [UPDATE] keyboard controls improve
 - [UPDATE] AB loop improve
 - [UPDATE] statistics working for songs from direct shortcode 
 - [ADD] audio lyrics 
 - [ADD] ASL / sign language video synchronize with audio

VERSION 4.51 [14.10.2020]

  
 - [UPDATE] improvements on embedding multiple players

VERSION 4.5 [17.9.2020]

  
 - [FIX] playback rate not working
 - [FIX] radio mountpoint field not saved

VERSION 4.4 [16.8.2020]

  

 - [UPDATE] podcast description html formatted (preserve links etc...)
 - [UPDATE] choose playlist item element(s) which will receive click event

VERSION 4.4 [14.8.2020]

  

 - [FIX] statistics not working with connected player
 - [FIX] statistics sorting total results
 - [FIX] global playlist options not working on new playlist load

 - [UPDATE] social sharing url for multiple players in page
 - [UPDATE] define min and max playback rate 
 - [UPDATE] responsive breakpoints can be set in admin
 - [UPDATE] create custom playlist item HTML markup (thumb, title, description...)

 - [ADD] song preview option (play ~10 seconds short song preview snippet instead of full song)
 - [ADD] option to create custom player HTML markup
 - [ADD] display thumbnail list of playlists in frontend and on playlist select, load selected playlist in player
 - [ADD] custom javascript section (add your own custom javascript to player)
 - [ADD] add custom classes to player and inner elements
 - [ADD] new skins and templates (grid and lists of thumbnails, separated playlists from player)
 - [ADD] drag songs into the player (create your own playlist in frontend)
 - [ADD] create and save playlist in frontend (allow user to create its own set of tracks in the player)
 - [ADD] placeholder thumb url which will be shown when no song is selected
 - [ADD] attach category / tags to songs and filter songs in frontend
 - [ADD] display songs in thumbnail grid with pagination

VERSION 4.05 [20.6.2020]

  
 - [FIX] grid_no_player layout - click on playlist item thumbnail plays audio (now its disabled)
 - [FIX] grid_no_player layout - enqueue plays song instead of enqueue
 - [FIX] fixed layout - wrong computation on player position when player is closed

VERSION 4.0 [31.5.2020]

  
 - [FIX] javascript to footer not working with multiple players in page
 - [ADD] set popup window title
 - [ADD] init player on dom selector click 
 - [ADD] option to auto open player in popup window on page load / dom selector click 
 - [UPDATE] use your own input search field to filter songs in player
 - [ADD] option to hide specific elements / buttons in player 
 - [UPDATE] preloader visible before player loads
 - [ADD] optional buttons in controls to seek X seconds backward / forward 
 - [ADD] custom width at which icons in playlist (link, download, statistics icons) go into second line to make room for playlist titles
 - [ADD] specify custom DOM element for playlist
 - [UPDATE] ready shortcode examples for multiple media in player (multiple podcasts, multiple folders or mp3 files... etc)
 - [ADD] option to replace single audio / audio playlist in wp posts with this player
 - [UPDATE] share specific song in playlist when used with social networking (direct link to song and current time)
 - [UPDATE] added more social sharing networks
 - [UPDATE] load accordion from json 
 - [UPDATE] optional accordion description text below title (for json accordion)
 - [ADD] flac support
 - [ADD] javascript breakpoints to resize player (media query in div) (layouts like art_wide, brona, metalic, modern... can now be used as a widget)
 - [ADD] new skins (Widget, Compact, Fixed, Thumb grid in page  stricky bottom player)
 - [UPDATE] song statistics now working when no visible playlist is used
 - [ADD] option to completely hide the player until music starts

VERSION 3.71 [22.4.2020]

    
 - [FIX] statistics not working with single quote in song titles

VERSION 3.7 [19.3.2020]

    
 - [FIX] whatsapp desktop warning message
 - [FIX] playlist sort order in which media is retrieved from database no saved
 - [FIX] play count for statistics not working when loop single in activated
 - [ADD] play count for statistics on window unload
 - [ADD] player settings can now be passes with query string (parameters begins with "hap-")
 - [ADD] create playlist from query string parameters 
 - [ADD] choose which statistic icons to display in playlist (likes, plays, downloads)
 - [UPDATE] song statistics now works with grouped media (podcast, soundcloud, folder or mp3, google drive, m3u... etc)
 - [ADD] display statistics in frontend (top plays, likes, downloads) and connect them with player
 - [UPDATE] support for folder sub-directories
 - [UPDATE] audio ads are not part of global table so they can be added to any player or playlist
 - [UPDATE] support for multiple audio ads before, during and after song plays (random)
 - [UPDATE] controls disabled while ad plays (user cannot skip track)
 - [UPDATE] shuffle button now has 2 tooltips for better mobile experience (Shuffle on, Shuffle off)
 - [ADD] ads progress bar and advertizing message
 - [ADD] "folder accordion type playlist" - read folder with multiple subfolders (albums) of audio files and display them as accordion in the player (each accordion item is one playlist)
 - [ADD] new skin - "brona" (light, dark)

VERSION 3.35 [28.2.2020]

    
 - [FIX] statistics not showing title

VERSION 3.35 [20.2.2020]

    
 - [FIX] shuffle not working
 - [ADD] support for m3u playlist with audio files
 - [ADD] option to get album cover art for song if missing
 - [UPDATE] new callbacks 

VERSION 3.3 [13.2.2020]

   
 - [FIX] Icecast artist missing
 - [ADD] disable song skip
 - [ADD] multiline title option
 - [ADD] option to prefix relative audio urls
 - [ADD] rememeber playback position for whole playlist
 - [ADD] example demo with image icons, font-awesome, material icons, ionicons
 - [ADD] audio advertisements 

VERSION 3.2 [4.2.2020]

 
 - [UPDATE] new skins
 - [UPDATE] radiojar get artwork from metadata 

VERSION 3.1 [25.1.2020]

 
 - [FIX] audio thumb not being saved in admin

VERSION 3.1 [14.1.2020]

 
 - [UPDATE] new universal skin 
 - [UPDATE] looping update (loop playlist, single, off) 
 - [ADD] load playlist from JSON
 - [ADD] audio widget
 - [ADD] gutenberg block
 - [ADD] shoutcast, icecast, radiojar support (automatically retrieve song title, artist and artwork from metadata)
 - [ADD] playback rate slider in player
 - [ADD] a-b loop (range)

This is WordPress plugin.

SoundCloud requires API key (make sure you have one or that you can obtain it from SoundCloud)

Using this plugin requires registration to domain. Instructions how to register are available here

tags: wordpress audio player, music player, cms, soundcloud, streaming audio, social sharing, podcast, rss