jPlayer

HTML5 Audio & Video for jQuery

a project by happyworm

jPlayer as a audio playlist player

In this demo jPlayer is combined with HTML and CSS, along with javascript code to add playlist functionality to an audio player.

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

This demo will use the HTML solution if it can, otherwise the Flash fallback solution will be used. The supplied media formats are MP3 and OGA.

The playlist item object can include an optional {free:true} property to make the media easily available via a right-click. (Ctrl+click on Mac.) Note that all media is freely available since it is distrubuted over the internet, it just makes it easier for a novice to obtain the media. Direct clicks are disabled, otherwise the browser attempts to play the media directly in the browser and leaves the current page. (A server/backend Guru could make it very hard to get the media directly if they wanted, but that is for them to figure out.)

Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution. However, the OGA format would be used in this case with the HTML solution.

Press play to start the media.