-
Notifications
You must be signed in to change notification settings - Fork 1
/
playerOnly.html
45 lines (38 loc) · 3.21 KB
/
playerOnly.html
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
<!DOCTYPE html>
<!--
Copyright (C) 2021 Michael Slíva <[email protected]>
Licensed under the Academic Free License version 3.0
You should have received a copy of the Academic Free License version 3.0
along with this program. If not, see <https://spdx.org/licenses/AFL-3.0.html>.
-->
<html lang="en">
<head>
<title>MagicD3VIL's Radio Player</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="preload" href="./css/style.css" as="style">
<link rel="preload" href="./css/radio.css" as="style">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/radio.css">
<link rel="stylesheet" href="./css/fa.all.min.css">
<link rel='shortcut icon' type="image/x-icon" href='./favicon.ico'>
<link href="https://fonts.googleapis.com/css2?family=Exo+2&family=Lato&family=Montserrat&family=Ubuntu&family=IBM+Plex+Mono&display=swap" rel="stylesheet">
</head>
<body>
<script>0</script>
<!-- MagicD3VIL's Radio Player -->
<div id="MagicPlayer">
<div id="playerInfo"><div id="playerInfoHeading">PLAYING: </div><div id="playerInfoPlayingContainer"><span id="playerInfoPlaying" class="marquee"></span></div></div>
<div id="playerMiddleLine"><p id="radioPlayer"><i onclick="radioPlayerPlay()" class="fa fa-play-circle"></i><i onclick="radioPlayerPause()" class="fa fa-pause-circle"></i><span class="span8"> </span><input id="volume" type="range" min="0" max="100" step="1" oninput="setVolume(this.value)" onchange="setVolume(this.value)"><span class="span8"> </span>
<div id="equaliser-container"> <ol class="equaliser-column"> <li class="colour-bar"></li> </ol> <ol class="equaliser-column"> <li class="colour-bar"></li> </ol> <ol class="equaliser-column"> <li class="colour-bar"></li> </ol> <ol class="equaliser-column"> <li class="colour-bar"></li> </ol> <ol class="equaliser-column"> <li class="colour-bar"></li> </ol></div>
<span class="rememberHelp" id="playerAbout" title="MagicD3VIL's Radio Player"><i style ="font-size:1rem" class="far fa-question-circle"></i></span></div><div id="currentVolume"></div>
<div id="playerBottomLine"><p id="playerRememberHelp"><span class="rememberHelp" title="If you check this box, next time when you load or refresh this page your set volume will remain the same. By checking this box you agree to the use of cookies."><input type="checkbox" id="rememberVolume" onclick="rememberCheck()"/> Remember volume</span></p><div id="playerLogo"><p id="playerProviderLogo"><a href="https://clanhouse.eu" target="_blank"><img src="./clanhouse_24x28.png" alt="Clanhouse.eu Logo"></a></p><p id="playerRadioStationLogo"><a href="https://jetstreamradio.com/" target="_blank"><img src="./jetstream_28x28.png" alt="JetStream Radio Logo"></a></p></div>
<audio id="radio" preload="none">Your browser does not support <code><audio></code> element</audio></div>
</div>
<!-- END MagicD3VIL's Radio Player -->
<!-- SCRIPTS -->
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/jquery.modal.min.js"></script>
<!-- MagicD3VIL's Radio Player -->
<script src="./radioPlayer.js"></script>
<!-- END MagicD3VIL's Radio Player -->