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