10 Best Custom Audio Players In JavaScript And jQuery (2021 Update)

by Heng Zong,

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:

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.

Bootstrap 4 Audio Player With Playlist - jQuery audioPlayer.js

[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.

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

[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).

Simple Clean HTML5 Audio Player With jQuery

[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.

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

[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.

Minimal Cross Platform Audio Player - jQuery tinyPlayer.js

[Demo] [Download]


Vanilla JavaScript Audio Player Plugins:

Minimal Clean HTML5 Audio Player With Custom Controls – Green Audio Player

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

Minimal Clean HTML5 Audio Player With Custom Controls – Green Audio Player

[Demo] [Download]


HTML5 Audio Player With Playlist And Lyric Support – cPlayer

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

HTML5 Audio Player With Playlist And Lyric Support – cPlayer

[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.

Multipurpose HTML5 Audio Player With JavaScript – calamansi.js

[Demo] [Download]


Cool Audio Player In Pure JavaScript

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

Cool Audio Player In Pure JavaScript

[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.

Custom HTML5 Audio Player with JavaScript – APlayer

[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: