Resources

Creating a radio player with JW Player

JW Player is a highly customisable video and audio player for the web. While not specifically designed for streaming audio, it makes an excellent replacement for the flash player that we provide.

We've put images here instead of the actual player as only one JW Player is able to play a steam on a single page

Default settings

Default.png

  1. jwplayer("default").setup({
  2. flashplayer: "player.swf",
  3. file: "http://s1.voscast.com:7000/;stream.mp3",
  4. flashvars: 'ignoremeta=true',
  5. });

Control bar stuck to the bottom and hight adjusted to only show the control bar

small.png

  1. jwplayer("videohidden").setup({
  2. flashplayer: "player.swf",
  3. file: "http://s1.voscast.com:7000/;stream.mp3",
  4. flashvars: 'ignoremeta=true',
  5. height: '24px',
  6. controlbar: {position: 'bottom'}
  7. });

Recoloured

recolored.png

  1. jwplayer("colours").setup({
  2. flashplayer: "player.swf",
  3. file: "http://s1.voscast.com:7000/;stream.mp3",
  4. flashvars: 'ignoremeta=true',
  5. height: '24px',
  6. controlbar: {position: 'bottom'},
  7. backcolor : '141414',
  8. frontcolor : 'bbb',
  9. lightcolor : 'fff'
  10. });

A complete list of configutation options for JW Player can be foundĀ here. You can also completely reskin JW Player with various skins found onĀ their site.

First published: May 18, 2012
Last updated: May 18, 2012
Author: Bryan C
Revision: 7
Views: 4033