Collection of free jQuery music player code examples.

19 jQuery Music Players

Collection of free jQuery music player code examples.


Related Articles

  1. CSS Music Players
  2. JavaScript Music Players
  3. React Music Players
  4. Vue Music Players


Author

  • Jyotirmoy Barman

Made with

  • HTML / CSS / JS

About a code

Music Player With Lyrics Synchronization

This is a music player, with linear side translating playlist menu.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Author

  • Himalaya Singh

Made with

  • HTML / CSS / JS

About a code

Music Player | Audio Player

Simple beautiful fully functional music/audio player.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Zed Dash

Made with

  • HTML / CSS (SCSS) / JS

About a code

Lyrics Player

Input is manual, but it's basically capturing the timestamp in which the lyric should be shown.

Compatible browsers: Chrome, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Author

  • Emil

Made with

  • HTML / CSS (SCSS) / JS

About a code

Music Player 2.0

Try clicking around the menus and playing a song.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, jquery.jcarousel.js

Author

  • Qing Li

Made with

  • HTML / CSS / JS

About a code

Music Player

Simple jQuery music player.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, tweenmax.js

Author

  • Jinn Wang

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Music App

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js, tweenmax.js, timelinemax.js

Author

  • Amit Soni

Made with

  • HTML / CSS / JS

About a code

Mini Music Player

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Andre Wichert

Made with

  • HTML / CSS (SCSS) / JS

About a code

Music Player

Simple music player with little jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js, wavesurfer.js

Author

  • Josh Bader

Made with

  • HTML / CSS / JS

About a code

Skeuomorphic Audio Player

A skeuomorphic audio player made to look like spinning vinyl record. Design made using pure CSS and a single image for the album artwork. Controls done using minimal jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Dronca Raul

Made with

  • HTML / CSS / JS

About a code

Anomaly Player

Music player in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Matthew Greenberg

Made with

  • HTML (Pug) / CSS (Sass) / JS (CoffeeScript)

About a code

Music Player

Fun little UI music player experiment.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery-ui.css, animate.css, font-awesome.css, jquery.js, jquery-ui.js, tweenmax.js, howler.js

Author

  • Paul Borm

Made with

  • HTML (Pug) / CSS (SCSS) / JS

About a code

Music Player And Social Share

Music player UI with social share in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, jquery.js

Author

  • Alex Fernandez

Made with

  • HTML / CSS (SCSS) / JS

About a code

Music Player

Bringing some of the analog visuals into a digital space.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Matt Stvartak

Made with

  • HTML / CSS (SCSS) / JS

About a code

Audio Player

Audio player UI.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery.js

Author

  • Grandvincent Marion

Made with

  • HTML / CSS / JS

About a code

Flat Music Player

Simple music player.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: font-awesome.css, mediaelementplayer.css, jquery.js, mediaelementplayer.js

Author

  • Renan Pupin

Made with

  • HTML / CSS (SCSS) / JS

About a code

Music Player UI Design

Music player UI design in jQuery.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: font-awesome.css, jquery.js

Author

  • Mark Hillard

Made with

  • HTML / CSS / JS

About a code

Responsive Audio Player

This audio player features playlist support via JSON data and step navigation.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: plyr.css, jquery.js, html5media.js, plyr.js

Author

  • Boylett

Made with

  • HTML / CSS / JS

About a code

Music Player

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: jquery-ui.css, font-awesome.css, jquery.js, jquery-ui.js

Author

  • Nick Colley

Made with

  • HTML / CSS / JS

About a code

Music Player

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: bootstrap.css, jquery.js, soundcloud-api.js

back to top