jQuery audio player plugin
jPlayer 0.2.5 beta Demos
jPlayer as a stylish audio player
In this demo jPlayer is combined with HTML and CSS to create a stylish audio player.
You can easily customise the way it looks and make it fit your pages colours and style.
This demo will use OGG files instead of MP3 files if you are using an HTML5 browser that supports OGG format. (Currently only Firefox 3.5)
jPlayer as a stylish audio and playlist player
This demo combines jPlayer with some javascript code to add a playlist functionality to the audio player.
HTML and CSS have been used to create a stylish mp3 player with an interactive playlist.
This demo will use OGG files instead of MP3 files if you are using an HTML5 browser that supports OGG format. (Currently only Firefox 3.5)
Multi instanced player
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 jPlayer instance 1, this demo will use OGG files instead of MP3 files if you are using an HTML5 browser that supports OGG format. (Currently only Firefox 3.5)
Text based player with track switching
In this demo jPlayer is used to create a simple text audio player.
Text based player with track switching using custom code
In this demo jPlayer is used to create a simple text audio 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.
Text Based player with progress bar
In this demo jPlayer is used to create a simple text audio 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.
ThemeRoller Version
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.
follow us on twitter