moabfm.github.io/index.html at main · moabfm/moabfm.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#08298a">
<title>MOAB.FM</title>

<link href="css/style.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="js/lunaradio-animado.js"></script>
<style>
html,body{font-family:"Open Sans",sans-serif;height:100%;margin:0;display:flex;flex-direction:column;color:#272829;}
</style>
</head>

<body>
<div style="height:100%">
<button type="button" class="mobile-nav-toggle"><i class="fas fa-bars"></i></button>
<header id="header">
<nav class="nav-menu">
<ul>
<li><a target="_blank" href="https://youtube.com/@moabfm><i class="fab fa-google-play"></i> <span>Canal Do Moab.FM No Youtube</span></a></li>
<li><a target="_blank" href="https://api.whatsapp.com/send?phone=+5574981166473text=Olá, Moab Alves, Eu Posso Te Mandar o MP3 Dá Musica Ná Sua Rádio? "><i class="fas fa-bullhorn"></i><span>Publicidade</span></a></li>
<li><a target="_blank" href="https://www.facebook.com/moabfm"><i class="fab fa-facebook-square" alt="Facebook"></i>
<span>Facebook</span></a></li>
<li><a target="_blank" href="https://www.instagram.com/moabradio/"><i class="fab fa-instagram-square" alt="Instagram"></i>
<span>Instagram</span></a></li>
<li><a href="https://api.whatsapp.com/send?phone=+5574981166473&text=Olá, Moab Alves, Eu Posso Te Mandar o MP3 Dá Musica Ná Sua Rádio?" target="_blank"><i class="fab fa-whatsapp-square" alt="Whatsapp"></i>
<span>Whatsapp</span></a></li>
<li><a target="_blank" href="https://zeno.fm/radio/moab-fm-risj/"></i><span>outro player da rádio</span></a></li>
</ul>
</nav>
</header>


<div id="player"></div>
<script>
$("#player").lunaradio({
userinterface: "big",
backgroundcolor: "rgba(9,15,25,0.8)",
fontcolor: "#ffffff",
hightlightcolor: "#000000",
fontname: "Saira Condensed",
googlefont: "Saira+Condensed:wght@100",
fontratio: "0.4",
radioname: "MOAB.FM",
scroll: "true",
coverimage: "logo.png",
onlycoverimage: "false",
coverstyle: "animated",
usevisualizer: "real",
visualizertype: "9",
itunestoken: "1000lIPN",
metadatatechnic: "fallback", //fallback (usar para zeno)
corsproxy: "",
usestreamcorsproxy: "false",
streamurl: "https://stream.zeno.fm/wt9khk959vttv",
streamtype: "zeno", //soporta: zeno, icecast2, shoutcast2
idzeno: "wt9khk959vttv",
icecastmountpoint: "yregibkwzsvuv",
shoutcastpath: "",
shoutcastid: "1",
metadatainterval: "26000",
volume: "100",
debug: "false",
autoplay: "true",
displayliveicon: "true",
visualizeropacity: "0.0",
multicolorvisualizer: "true",
color1: "#00FF00",
color2: "#ffff00",
color3: "#FF1F6F",
color4: "#FF1F6F",
});
</script>


<div class="background_hora"><div id="relogio">15:00:05</div></div>
<script>
function reloj() {
let elementoID = document.getElementById('relogio');
let horalocal = new Date().toLocaleTimeString('es');
elementoID.innerHTML = horalocal;
}
setInterval(reloj, 1000);
</script>
</div>


<script>
$(".mobile-nav-toggle").click(function(){
$("body").toggleClass("mobile-nav-active");
$(".mobile-nav-toggle i").toggleClass("fa-bars fa-times");
});
</script>
</body>
</html>