blob: 1ab0a3dd7c9f6330316c4472322e0d9739328cba (
plain)
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
|
<html>
<head>
<link href="index.css" rel="stylesheet" />
<script src="./index.js"></script>
</head>
<body>
<div class="Info">
<h1> Rock culture exam </h1>
<div id="InfoBlock">
<h1 id="Artist"> Artist </h1>
<h1 id="Title"> Title </h1>
<h1 id="Album"> Album </h1>
<h1 id="Start"> Start position </h1>
</div>
</div>
</body>
<footer class="footer">
<div class="controls">
<button onclick="Pause()" class="controlBtn">
<h1 onclick="Pause" class="controlElem"> Pause </h1>
</button>
<button onclick="Resume()" class="controlBtn">
<h1 onclick="Pause" class="controlElem"> Resume </h1>
</button>
<button onclick="SetRandomSong()" class="controlBtn">
<h1 onclick="Pause" class="controlElem"> Next song </h1>
</button>
<h1 id="Status" class="controlElem"> No music </h1>
<button onclick="ToggleInfo()" class="controlBtn">
<h1 onclick="Pause" class="controlElem" id="ToggleBtn"> Hide info </h1>
</button>
<input type="range" id="volumeRange" oninput="SetVolume()"/>
</div>
<audio id="mainAudio">
<source type="audio/mpeg" />
</audio>
</footer>
</html>
|
