HTML5 Audio Player with Playlist-[Clean-Nulled].zip
Click image to view demo
This versatile audio player offers HUGE amount of customization options and layout possibilities.
Player ads supports for all HTML5 audio formats to Soundcloud, RSS Podcasts, iTunes, Apple HLS m3u8 Live streaming, Youtube audio and video.
Load playlist from HTML markup, XML, JSON, database, automatically ready folder with audio files including ID3 metadata. Load audio sources from Google Drive, Amazon S3 or any public link that plays in the browser. Mix different audio sources in the same playlist. Load new playlist at runtime.
Use it as single audio player, or with full playlist support. Use the player anywhere in the page, stick it to page bottom or open the player in a popup window and listen music continuously across your webpage.
Player responsive nature will adapt to any screen size and any device, whether you are on desktop browser, tablet or on your mobile phone.
Player is packed with a large amount of features and customization options from different layouts, skins, color customization, social sharing, powerful API for controlling playback, different audio platforms, playlist support, and more…
Features and options:
- Destop, mobile and tablet support (fully responsive)
- jQuery 1.7.x – jQuery 2.+ / 3.+ Compatible
- Conditional script loading (improves usability and performance)
- Highly customizable with HTML and CSS
- Any icon support in player (SVG, font awesome, material design, image icons…)
- Only mp3 audio format required for all browsers and devices (other supported formats include wav, aac… etc)
- Support for media from Google Drive, Amazon S3.. (any public link that plays in browser)
- Compatible with Squarespace
- Playlist options available:
- Audio playlist (mp3, aac, wav..)
- XML playlist
- JSON playlist
- Playlist from folder of audio files (id3 tags)
- Google drive playlist
- Podcasts RSS
- iTunes
- SoundCloud
- Apple HLS Live Streaming m3u8
- Youtube audio and video music
- M3u playlist
- Playback options:
- random playback
- loop playlist, single audio, off
- playback speed
- start / end time
- AB loop
- Load more options on total scroll in playlist
- Support for multiple audio ads before, during and after song plays (random)
- Mix different media types in the same playlist
- Audio advertisements (play ads during song)
- Play music continously across web pages:
- by remembering playback position (single dong / whole playlist)
- with option to open player is a separate popup window
- Automatically hide currently playing audio source to prevent audio download
- Support for multiple instances in the same page
- Optional keyboard audio navigation (pause/play, mute/unmute, next, previous)
- Social sharing (facebook, twitter, tumblr, whatsapp)
- API methods
- Callbacks
Notes:
1.
SoundCloud requires API key (make sure you have one or that you can obtain it from SoundCloud)
2. We cannot guarantee compatibility with all RSS podcasts out there, so if you want to make sure our application works with your podcast, provide us a podcast link before purchase so we can check.
3.
This is a jQuery plugin. If you would like a WordPress audio plugin we have several to choose from:
http://codecanyon.net/item/modern-audio-player-wordpress-plugin/19925056
http://codecanyon.net/item/responsive-html5-music-player-for-wordpress/6588583
Some other jQuery audio players recommendations:
http://codecanyon.net/item/audio-waveform-player-with-playlist/18420897
Updates / Changelog
VERSION 6.3 [28.11.2021]
- [UPDATE] avoid your own input field in player interfere with keyboard controls - [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
VERSION 6.0 [9.11.2021]
- [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.96 [12.10.2021]
- [FIX] accordion not opening completely on start sometimes (to show all tracks) - [FIX] waveform preloader stays visible when peak data is provided
VERSION 5.95 [8.9.2021]
- [UPDATE] added Amazon S3 region setting - [UPDATE] resume S3 audio if url expires - [ADD] Cloudfront integration with S3
VERSION 5.9 [23.7.2021]
- [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.85 [25.06.2021]
- [ADD] audio waveform generator tool
VERSION 5.84 [23.06.2021]
- [FIX] IOS resume playback position
VERSION 5.81 [11.06.2021]
- [FIX] radio playback not showing song data on mobile locked screen
VERSION 5.8 [12.05.2021]
- [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] 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] 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.25 [25.03.2021]
- [FIX] hls media not seeking - [UPDATE] select your own keyboard controls
VERSION 5.2 [25.02.2021]
- [ADD] option to use PerfectScrollbar instead of mCustomScroll in playlist
VERSION 5.15 [22.02.2021]
- [ADD] time anchors (click on any HTML element in the page to jump directly into specified song time) - [FIX] playlist accordion mode search field search opened accordions - [UPDATE] time fields and seekbar are now enabled for media type hls - [ADD] option to stop on song end
VERSION 5.11 [2.2.2021]
- [UPDATE] option to add HTML description to songs in playlist - [UPDATE] playback rate global value in player settings - [UPDATE] show / hide full song description text in playlist with "Read more" button
VERSION 5.1 [18.1.2021]
- [UPDATE] clean some code - [FIX] some bugs
VERSION 5.0 [24.12.2020]
- [FIX] soundcloud private tracks - [FIX] query parameters missing hap-query-instance in help documentation - [UPDATE] keyboard controls improve - [UPDATE] AB loop improve - [ADD] audio lyrics - [ADD] ASL / sign language video synchronize with audio
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] 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] 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] 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] 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 waveform song list filterable with genres and keywords
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]
- [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 - [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] 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) - [ADD] option to completely hide the player until music starts
VERSION 3.7 [19.3.2020]
- [FIX] whatsapp desktop warning message - [ADD] player settings can now be passes with query string (parameters begins with "hap-") - [ADD] create playlist from query string parameters - [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 [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 [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)
VERSION 2.65 [27.10.2019]
- [ADD] load more option for folder - [ADD] description, duration, date fields available for Soundcloud and Podcast - [ADD] finish count for statistics (what songs have been listened to the end)
VERSION 2.6 [18.10.2019]
- [ADD] thumbnail alt text - [ADD] more global playlist options (playback rate, start / end time) - [ADD] load more option for self hosted media - [ADD] load media by media-id API
VERSION 2.5 [24.9.2019]
- [ADD] playlist is stored in browser to limit API requests for Soundcloud and Podcast - [ADD] load more option for Soundcloud and Podcast - [ADD] optional protected media urls from page source (url encryption) - [ADD] play Youtube audio and video music - [ADD] Advanced Audio Coding (AAC) support
VERSION 2.07 [23.4.2019]
- [FIX] xml playlist
VERSION 2.06 [23.3.2019]
- [UPDATE] some code improvements
VERSION 2.05 [10.3.2019]
- [UPDATE] added font-awesome namespacing to prevent conflicts - [ADD] song statistics (plays, likes, downloads)
VERSION 2.0 [19.2.2019]
- [ADD] conditional script loading (improves usability and performance) - [ADD] option to sort folder playlist by filename/date (asc/desc) - [ADD] load more option for soundcloud and podcast - [ADD] option to minimize player on page scroll and keep fixed bottom position - [ADD] new player layouts - [UPDATE] overall code improvements
keywords: audio player, mp3, live streaming, amazon s3, variations, soundcloud, rss, podcast, responsive
Mercifully Note: We refresh new substance like WordPress Themes,
Plugins, PHP Scripts ordinary. In any case, recall that you
ought to never utilize this things in a business site.
Every one of the substance posted here for advancement
and testing reason as it were. We’re not in charge of
any harm, use at your own particular RISK! We highly recommend to buy HTML5 Audio Player with Playlist from the The Developer ( Tean ) website. Thank you.
