DinoRadio

Jquery plugin for listening to web radio with playlist support.

Example Page

Live example page: http://mcx-systems.net/DinoRadio

Preview Page Screenshot

Supported Browser

| | | | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | 9+ ✔ | Latest ✔ | 8.0+ ✔ |

Tested in latest Edge, Chrome, Firefox, Opera, Safari and Mobile Safari \

Install

You can install through npm and use browserify to make it run on the browser.

npm install --save dinoradio

or

$ yarn add dinoradio

Or just download the minified version here.

Functions

• Poster style can be square or circle
• If playlist is empty, default playlist is loaded from API
• RDS Radio for getting current playing song and artist
• Latest Artist images Thumbnail and Banner
• Current playing song lyrics lookup, if found
  icon feather shows up and starts to blink. Click on it to open Lyrics Overlay.
• If you click on right side banner, if found Artist biography is shown
  in biography overlay

Example for dinoRadio player

$(document).ready(function()
{
	$('#RadioExample1').dinoRadio({
		autoPlay: false,
		showEqOnPlay: true,
		showPlaylistNumber: false,
		posterStyle: 'circle',
		stationPlaylist: [{
			url: '',
			station: 'Station Name'
		    },
			{
				url: '',
				station: 'Station Name'
			},
			{
				url: '',
				station: 'Station Name'
			},
			{
				url: '',
				station: 'Station Name'
			},
			{
				url: '',
				station: 'Station Name'
			},
			{
				url: '',
				station: 'Station Name'
			},
			{
				url: '',
				station: 'Station Name'
			}],
		// Enable plugin debug
		debug: true
	});
});