Player code

Responsive single HTML5 player for your website.

Your AutoDJ must be online to show MP3 cover images on the player or you may use Custom Cover Image from the left menu. Change the below settings then copy the iframe code and insert it to your website html. The player is responsive with 100% width, so you can insert it to any div element or table on your website to limit its size, it will fit anywhere. You can also change the width size on the iframe code. Add custom advertisement text to protect your player from stealing.

<iframe src=”https://mars.streamerr.co/cp/widgets/player/single/?p=8456″ height=”110″ width=”100%” scrolling=”no” style=”border:none;”></iframe>

with dark backgound (you can change the colour to fit your site)

<iframe src=”https://mars.streamerr.co/cp/widgets/player/single/?p=8456″ height=”110″ width=”100%” scrolling=”no” style=”border:none; background: #232323;” ></iframe>

Player URL

The following players are full page players and they are public.

You can share the links with your listeners, copy the link from the browser when you open the player. If your MP3 files do not have cover images, SonicPanel will try to search the cover on spotify, lastfm or itunes and it will automatically update the mp3 file with the cover image if available. It is always best to check and edit mp3 covers on your PC to see if they all have cover images and valid titles. You can use Mp3tag programs.

https://mars.streamerr.co/cp/widgets/player/?p=8456

• No Effects
• Now Playing Song Info
• Full Page Player
• Public Link
• Automatic MP3 Cover Image
• Automatic Background Image Changes

https://mars.streamerr.co/cp/widgets/player/dj/?p=8456

• Live DJ Information
• Now Playing Song Info
• Full Page Player
• Public Link
• Automatic DJ Profile Picture Shows
• Automatic Background Image Changes

https://mars.streamerr.co/cp/widgets/player/?p=8456&type=shark

• Water Effects
• Now Playing Song Info
• Full Page Player
• Public Link
• Automatic MP3 Cover Image
• No Background Changes

The JSON Output API can be called from outside with your own API url below.

You can get the following radio information online with your own programming language. An example of PHP call is provided on this page. The API call output is a pure JSON. This JSON API for developers, you may use HTML Codes (Widgets) if you are looking for a simple copy/paste codes to show on your website.

API URL : https://mars.streamerr.co/cp/get_info.php?p=8456

<?php
// This is an example PHP code to call the JSON API.

// Available Data Output
// Now Playing Song Title
// Now Playing Song Album Image URL (High Quality)
// Online Listeners
// Unique Listeners
// Bitrate
// DJ Username if there is a DJ live streaming
// DJ Profile Picture if there is a DJ live streaming
// Last played 5 songs

$url = „https://mars.streamerr.co/cp/get_info.php?p=8456";
$ch = curl_init();
curl_setopt($ch, CURLOPT_POST, 0);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_TIMEOUT, 15);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, TRUE);
$return_json = curl_exec($ch);

$obj = json_decode($return_json);
$nowplaying = $obj->{‘title’};
$image = $obj->{‘art’};
$unique_listeners = $obj->{‘ulistener’};
$online_listeners = $obj->{‘listeners’};
$bitrate = $obj->{‘bitrate’};
$djusername = $obj->{‘djusername’};
$djprofile = $obj->{‘djprofile’};
$played_last20 = $obj->{‘history’};

foreach($played_last20 as $tracks)
{
echo $tracks; // Prints played last 20 tracks.
}

echo „<br><br>Now Playing: $nowplaying <br><br>”;

echo „<img src=’$image’>”;

// Any data provided on this page can be used as you like.
?>

Copy/Paste HTML5 Player
Copy/Paste the following code to your website to show a nice HTML5 radio player. If you need a SSL player, click on SSL Radio Play URL tab on the main page of your SonicPanel, login to your SonicPanel by using the SSL panel URL and visit this page again, the following code will change to SSL player.

<audio id="stream" controls preload="none" style="width: 400px;">
<source src="https://mars.streamerr.co/8456/stream" type="audio/mpeg">
</audio>