<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Radio Digital Pura Candela</title>
<link rel="shortcut icon" href="" type="image/x-icon">
 <link rel="icon" href="" type="image/x-icon">
<style>
		html, body {
			margin:0;
			padding:0;
			/*overflow: hidden;*/
			width:100%;
			height:100%;
		}
		.fs-vid-background {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			z-index: 2;
		}
		.fs-vid-background video {
			object-fit: cover;
			width: 100%;
			height: 100%;
		}
		video {
			max-width: 100%;
		}
</style>
</head>
<body>
<div class="fs-vid-background">
<video autoplay="true" muted="true" loop="true">
<source src="img/musicanimation.mp4" type="video/mp4">
</video>
</div>
<script src="js/jquery-3.2.1.min.js"></script> 
<script src="js/lunaradio.min.js"></script>
<div id="k-popradio" style="width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 300;">
</div>

<script>
jQuery(document).ready(function($) {
	$("#k-popradio").lunaradio({
userinterface: "big",
backgroundcolor: "linear-gradient(135deg, rgba(0, 0, 0, 0.3) 100%, rgba(255, 182, 0, 0.3) 0%)",
fontcolor: "#ffffff",
hightlightcolor: "#04acfe",
fontname: "Anton",
	googlefont: "Anton&display=swap",
fontratio: "0.4",
radioname: "Radio Digital Pura Candela",
scroll: "true",
coverimage: "img/logo.jpg",
onlycoverimage: "true",
coverstyle: "animated",
usevisualizer: "real",
visualizertype: "9",
	multicolorvisualizer: "true",
	color1: "#ffffff",
		color2: "#1fa6f2",
		color3: "#1fa6f2",
		color4: "#ffffff",
metadatatechnic: "",
ownmetadataurl: "",
streamurl: "https://sp.oyotunstream.com:10879",
streamtype: "shoutcast2",
icecastmountpoint: "",
shoutcastpath: "/stream",
shoutcastid: "1",
streamsuffix: "",
radionomyid: "",
radionomyapikey: "",
radiojarid: "",
radiocoid: "",
itunestoken: "1000lIPN",
metadatainterval: "5000",
volume: "100",
debug: "false",
autoplay: "true"
	});
});
</script>
</body>
</html>