Demo jPlayer 0.2.2 : jQuery mp3 player plugin

This version has been superseded by a new release.
Please use the navigation bar above to access the latest version.

jPlayer 0.2.2 beta Demos

In this demo jPlayer is combined with HTML and CSS to create a stylish mp3 player.

You can easily customise the way it looks and make it fit your pages colours and style.

This demo combines jPlayer with some javascript code to add a playlist functionality to the mp3 player.

HTML and CSS have been used to create a stylish mp3 player with an interactive playlist.

In this demo jPlayer is instanced twice on the page, demonstrating how multiple instances of jPlayer may be used on the same page.

Using a technique such as this, the 2nd instance could be hidden from view and an advertisement automatically played when the song finishes.

In this demo jPlayer is used to create a simple text mp3 player.

In this demo jPlayer is used to create a simple text mp3 player, with fade effects on buttons.

This example demonstrates the flexibility of jPlayer to facilitate the writing of custom code to control every aspect of music or sound playback.

In this demo jPlayer is used to create a simple text mp3 player with progress bars.

This example demonstrates the flexibility of jPlayer to facilitate the writing of custom code to control every aspect of music or sound playback.

This demo uses jQueryUI ThemeRoller widgets, allowing developers to easily customise the look and feel by rolling their own theme.

We have used the Slider widget for volume and playhead, Progressbar for play progress and Framework Icons for buttons.