<?php
$address = "dreamphase.net";
$ip= $_SERVER["REMOTE_ADDR"];
if($ip=="24.213.30.50")
	{
	$address = "10.0.3.140";
	}
require('../includes/template.php');
echo $header;
?>
<script type="text/javascript">
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
	var now_playing = JSON.parse(xmlhttp.responseText);
	output = "";
	output += "Artist: " + now_playing["artist"]+"<br />";
	output += "Song: " + now_playing["name"]+"<br />";
	output += "Album: " + now_playing["album"]+"<br />";
    document.getElementById("myDiv").innerHTML=output; //xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","https://christianlifefm.com/songplayer/nowplaying.php",true);
//xmlhttp.open("GET","http://192.102.0.40:8002/",true);
xmlhttp.send();
}
setInterval ( "loadXMLDoc()", 10000 );
</script>

<br />
Current Song:
<div id="myDiv"><br /> Loading...</div>
<br /> 
<br />
<link rel="stylesheet" href="dist/plyr.css">
<div class="player">
	<audio controls>
		<!-- Audio files -->
		<source src="http://<?php echo $address?>:8002/s.mp3" type="audio/mp3">
		<source src="http://<?php echo $address?>:8002/s.ogg" type="audio/ogg">
		
		<!-- Fallback for browsers that don't support the <audio> element -->
		<a href="http://<?php echo $address?>:8002/s.mp3">Download</a>
	</audio>
</div>
If you'd like to listen with your own player, just add the stream url: <br />
http://<?php echo $address?>:8002/s.ogg

<!--Download the player for your computer <a href="http://christianlifefm.com/songplayer/CLFM_Player.exe"> here</a>-->
<script>
(function(d, p){
	var a = new XMLHttpRequest(),
		b = d.body;
	a.open("GET", p, true);
	a.send();
	a.onload = function(){
		var c = d.createElement("div");
		c.style.display = "none";
		c.innerHTML = a.responseText;
		b.insertBefore(c, b.childNodes[0]);
	}
})(document, "dist/sprite.svg");
</script>
<script src="dist/plyr.js"></script>
<script>
controls =["restart", "play", "current-time", "duration", "mute", "volume"];
plyr.setup({ controls });</script>
<?php
echo $footer;

