Player is based on JPLayer which is open source HTML5 player with Flash fall back meaning you don't have to worry about multi-browser support.
This player also allows your visitors to customize their experience, they can choose between different streams, enable or disable auto start feature, enable or disable flash as primary player and change player background.
Its easy to set-up and add to any existing web site. I suggest using new folder E.g. "/player/" to deploy it and than just add popup or iframe to your existing web site.
With setup script the player is extremely easy to configure and deploy.
<?php // Auto Generated Configuration file from ProRadio - Internet Radio Player setup script $config = array( 'title' => 'ProRadio - Internet Radio Player', 'lastfm-api-key' => '******************************', 'facebook' => 'https://www.facebook.com/ILHM.RADIO', 'twitter' => 'Your custom Twitter message', 'streams' => array( 'High Quality 320K' => array( 'oga' => 'http://radio.ilhm.eu:8005/ilhm.ogg', 'mp3' => 'http://radio.ilhm.eu:8000/ilhm.mp3', ), 'Medium Quality 192K' => array( 'oga' => 'http://radio.ilhm.eu:8005/ilhm_192.ogg', 'mp3' => 'http://radio.ilhm.eu:8000/ilhm_192.mp3', ), 'Low Quality 128K' => array( 'oga' => 'http://radio.ilhm.eu:8005/ilhm_128.ogg', 'mp3' => 'http://radio.ilhm.eu:8000/ilhm_128.mp3', 'aac' => 'http://radio.ilhm.eu:8000/ilhm.acc', ), ), 'stats' => array( 'type' => 'SAM', 'host' => 'localhost', 'user' => 'username', 'pass' => '********', 'db' => 'sam', ), 'colorschemes' => array( 'Dark Light' => 'assets/css/dark.css', 'Loomie' => 'assets/css/loomie.css', ), 'defaults' => array( 'quality' => 'High Quality 320K', 'useflash' => 'true', 'autoplay' => 'true', 'colorscheme' => 'default', ), ); ?>
Bellow there is set of features you can customize without setup script.
See example code bellow (this should be placed in bottom of config.php file inside inc folder.
<?php $player = array( 'info_timer' => 15, // How often should script check for new artist/title in seconds 'ajaxtimeout' => 10000, // Timeout of Ajax query (in miliseconds) 'artist_maxlen' => 20, // Max length of Artist on the player 'title_maxlen' => 30, // Max length of Title on the player 'showTime' => true, // Enable/Disable current track playtime 'moreinfo_url' => 'http://www.last.fm/music/', // URL where more info button should redirect, (http://site.com/?q=artist (artist is auto added)) 'showtimeout' => '0' // 0 = disabled, number = miliseconds before interface hides; note: this is disabled on touch screen devices by default (disabled by default) ); ?>
If your player is not showing current artist & title of playing track, first check error.log inside your player folder. In case you can not understand what is wrong, contact me through my codecanyon contact page so I can see you have purchased the player.
This product comes with a update script which allows you to check for updates from time to time. Simply run "update.php" inside root folder of the player. You will have to provide purchase code which is explained how to optain on the screenshot in the update script. Now before you click "Check & Download" make sure you have backed up your current player. The update script will replace all files inside folder (except additional ones like config.php)!
You can also use your own artist images and iTunes & LastFM API all at once.
Its pretty easy, just put your image into "assets/artists/" folder. Note: File name for the images must be something like this: 'David Guetta & Akon' = 'david_guetta_&_akon.jpg', otherwise it won't get detected by the script!
Supported file formats are: JPEG, GIF, JPG and PNG.
To change the default LOGO of the player, go to folder "assets/img/" and replace "logo.png" or "logo.svg".
If you replace it with PNG file you will also have to change extension in "index.php" file.