This page is for broadcasters using SoniXcast that want to create a generic popup page with an HTML player and current song. Make changes to the code in Red.

MZR Player Popup (Shoutcast)

Example:  

Code:
(add into the <head> section of your html)

<script TYPE="text/javascript">
function popup(mylink, yourPlayer) {
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string') href=mylink;
else href=mylink.href;
window.open(href, yourPlayer, 'width=400,height=210,scrollbars=no');
return false;
}
</script>

Link Code:
(Change link to your popup page name.)

<a href="#" onClick="window.open('YourPlayerTitle.html','windowname','resizable,width=400,height=210'); return false;">Player - Popup</a>

MZR Player Code:
Create new HTML file with name of link you used for popup window. Change the Sonixcast Hostname and Port.

<!DOCTYPE html>
<html lang="en">
</head>
<body>
<img src="../images/Your Player Name .jpg">

<audio style="width:400px;" controls="true" id="rp1" src="Your Stream IP" type="audio/mp3">Your browser does not support the audio element.</audio>

<p style="background-color: #DDDDDD; font-size: 14px; font-color:#919191;">  <span data-shoutcast-value="songtitle"></span></p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.shoutcast.easy.min.js?host=Your Stream IP&port=port&interval=5000"></script>
</body>
</html>

Download 'jquery.shoutcast.easy.min.js' and place it in a directory titled 'js'. (Copy and paste it to a text file and save it as 'jquery.shoutcast.easy.min.js').