jPlayer

HTML5 Audio & Video for jQuery

a project by happyworm

jPlayer as an audio live-stream player

In this demo jPlayer is combined with HTML and CSS to create an audio live-stream player.

You can easily customise the way it looks 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 format is MP3.

jPlayer works with Icecast and ShoutCast servers that serve MP3 or M4A (AAC) audio. On ShoutCast servers, you may need to add ;stream/1 to the URL to access the audio live-stream.
For example, http://domain.com/;stream/1

This demo uses the pause event to jPlayer("clearMedia") stopping the live-stream from downloading when not in use. The error event is used with a check for the URL_NOT_SET error type to jPlayer("setMedia",stream) back to the live-stream again and jPlayer("play") it. The error event occurs the 2nd+ time the live-stream is played and is not considered an error in this context.

jPlayer does not have access to your server's metadata, so you will need to setup your own system. Usually this consists of polling your media server every 10 seconds to get the current track data.

Note that the {wmode:"window"} option is set to ensure playback in Firefox 3.6 with the Flash solution.

Press play to start the audio live-stream.