Free JavaScript playlist music

Tired of the appearance of the native HTML5 audio player?

Would you like a beautiful and customizable audio player to play your audios, songs, podcasts on the webpage?

This is a list of the 10 best jQuery and/or Vanilla JavaScript plugins to beautify and enhance the default HTML5 audio player for a better look. I hope you like it.

Originally Published Oct 10 2019, updated Mar 26 2021

Table of contents:

• jQuery Audio Player Plugins
• Vanilla JavaScript Audio Player Plugins

jQuery Audio Player Plugins:

Bootstrap 4 Audio Player With Playlist - jQuery audioPlayer.js

This is a minimal, clean Audio player plugin with playlist support, built using jQuery library, Bootstrap 4 framework, Material Icons and jQuery UI slider widget.

[Demo] [Download]

Clean Touch-friendly Audio Player With jQuery - AudioPlayer.js

A lightweight and dead simple jQuery library to create minimal, clean, responsive, touch-friendly audio players from HTML5 audio tag.

[Demo] [Download]

Simple Clean HTML5 Audio Player With jQuery

A minimal, clean, jQuery based HTML5 audio player plugin which allows you to split the audio into several chapters (great for long songs and audiobooks).

[Demo] [Download]

Create A Circular Html5 Audio Player With jQuery - Player.js

Player.js is a small, simple-to-use jQuery plugin used to create minimal, clean, circular HTML5 audio players for your music and audio files.

[Demo] [Download]

Minimal Cross Platform Audio Player - jQuery tinyPlayer.js

tinyPlayer.js is a jQuery plugin used to generate a minimal, responsive, cross-platform audio player for playing HTML5 audio files (MP3, Wav, and Ogg) on your podcast page.

[Demo] [Download]

Vanilla JavaScript Audio Player Plugins:

Minimal Clean HTML5 Audio Player With Custom Controls Green Audio Player

TheGreen Audio Player JavaScript library lets you create minimal clean HTML5 audio players with custom controls in the web app.

[Demo] [Download]

HTML5 Audio Player With Playlist And Lyric Support cPlayer

ThecPlayerlibrary enables web developers to create a modern, customizable HTML5 audio player on the webpage.

[Demo] [Download]

calamansi.js

A responsive, customizable HTML5 audio player that works with any audio files/audio streams and supports themes, ID3 reading, playlist, and more.

[Demo] [Download]

Cool Audio Player In Pure JavaScript

A pretty coolandeasy-to-use audio player built using pure JavaScript and plain HTML/CSS.

[Demo] [Download]

Custom HTML5 Audio Player with JavaScript APlayer

APlayer is a JavaScript library which helps you generate a beautiful, customizable HTML audio player UI with minimal effort.

[Demo] [Download]

Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Audio Player on the web & mobile? Check out the jQuery Audio Player and JavaScript Audio Player sections.

See Also:

• Best Video Background Plugins In JavaScript
• Best Custom HTML5 Video Player Plugins