https://sensacionstereo1076fm.web.app/

1
2<!doctype html>
3<html lang="es">
4<head>
5<meta charset="utf-8">
6<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
7<meta name="theme-color" content="#08298a">
8<title>SENSACION STEREO FM</title>
9
10<link href="css/style.css" rel="stylesheet">
11<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">

12<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

12

13<script src="js/lunaradio-animado.js"></script>

13
14<style>
15html,body{font-family:"Open Sans",sans-serif;height:100%;margin:0;display:flex;flex-direction:column;color:#272829;}
16</style>
17</head>
18
19<body>
20<div style="height:100%">
21<button type="button" class="mobile-nav-toggle"><i class="fas fa-bars"></i></button>
22<header id="header">
23<nav class="nav-menu">
24<ul>
25<li><a target="_blank" href="https://play.google.com/store/apps/details?id=sensacion.stereo1076fm"><i class="fab fa-google-play"></i> <span>Descarga nuestra APP</span></a></li>
26
27<li><a target="_blank" href="https://www.facebook.com/sensacionstereo1076"><i class="fab fa-facebook-square" alt="Facebook"></i>
28<span>Facebook</span></a></li>
29<li><a href="https://api.whatsapp.com/send?phone=3104242468&text=Hola escucho Sensacion stereo" target="_blank"><i class="fab fa-whatsapp-square" alt="Whatsapp"></i>
30<span>Whatsapp</span></a></li>
31
32</ul>
33</nav>
34</header>
35
36
37<div id="player"></div>

38<script>
39$("#player").lunaradio({
40userinterface: "big", 
41backgroundcolor: "rgba(9,15,25,0.8)",
42fontcolor: "#ffffff",
43hightlightcolor: "#000000", 
44fontname: "Saira Condensed", 
45googlefont: "Saira+Condensed:wght@100", 
46fontratio: "0.4", 
47radioname: "SENSACION STEREO 107.6 FM", 
48scroll: "true", 
49coverimage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr38dp6pMJga8Q5F38wHjLd1bQMw1K2NJzagUqpoH4UydhpZ5gqTCicV20PHu3P7Iztfo-OdkR7SSLuHbjG5uadBQ-f7ExNhrDf-me46kHPU9Shum5h8YsHpCeEfr-Ab93n_O46-_adO9FEjuJLAU6o0vN0PQAUQl7lS5om_4JXp0O1rSkNZbArdJ1lxY/s1600/fondo-sensacion.png",
50onlycoverimage: "false",
51coverstyle: "animated",
52usevisualizer: "real", 
53visualizertype: "2", 
54itunestoken: "1000lIPN", 
55metadatatechnic: "fallback", //fallback (usar para zeno)
56corsproxy: "",
57usestreamcorsproxy: "false",
58streamurl: "https://stream.zeno.fm/9rkzdxwn4f8uv",
59streamtype: "zeno", //soporta: zeno, icecast2, shoutcast2
60idzeno: "9rkzdxwn4f8uv",
61icecastmountpoint: "", 
62shoutcastpath: "",
63shoutcastid: "1", 
64metadatainterval: "26000", 
65volume: "100",
66debug: "false",
67autoplay: "true",
68displayliveicon: "true",
69visualizeropacity: "1.0",
70multicolorvisualizer: "true",
71color1: "#81BEF7",
72color2: "#2E64FE",
73color3: "#00FFFF",
74color4: "#0040FF",
75});
76</script>

76
77
78
79<div class="background_hora"><div id="relogio">15:00:05</div></div>

80<script>
81function reloj() {
82let elementoID = document.getElementById('relogio');
83let horalocal = new Date().toLocaleTimeString('es');
84elementoID.innerHTML = horalocal;
85}
86setInterval(reloj, 1000);
87</script>

87
88</div>
89
90
91<footer style="display:grid;align-content:end">
92<div style="background-color:#222;color:#fff;text-align:center;padding:10px"> 
93&copy; Copyright 2024 - <a href="http://www.google.com">SENSACION STEREO 107.6 FM</a> 
94</div>
95</footer>
96

97<script>
98$(".mobile-nav-toggle").click(function(){
99$("body").toggleClass("mobile-nav-active");
100$(".mobile-nav-toggle i").toggleClass("fa-bars fa-times");
101});
102</script>

102
103</body>
104</html>