-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (93 loc) · 5.19 KB
/
index.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
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
Top_Play
<!doctype html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Play TOP</title>
<link rel="stylesheet" href="button.css">
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
</head>
<body>
<div class="fixed-top">
<h1>Hello, world! Work hard play harder</h1></div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<div class="glut">
<table class="table table-borderless">
<th><button class="button-52" id="bolly" onclick="audio.play();" ondblclick="audio.pause();" role="button">Bollywood</button>
<script type="text/javascript">
const audio = new Audio('Bollywood.m4a');
</script></th>
<th><button class="button-52" id="holly" onclick="audio1.play();" ondblclick="audio1.pause();" role="button">Hollywood</button>
<script type="text/javascript">
const audio1 = new Audio('New Songs 2020 Top 40 English Songs Collection 2020.m4a');
</script></th>
<th><button class="button-52" id="jazz" onclick="audio2.play();" ondblclick="audio2.pause();" role="button">MR Jazz</button>
<script type="text/javascript">
const audio2 = new Audio('');
</script></th>
<th><button class="button-52" id="pop" onclick="audio3.play();" ondblclick="audio3.pause();" role="button">PopReload</button>
<script type="text/javascript">
const audio3 = new Audio('Melody (feat. James Blunt) - Lost Frequencies.m4a');
</script></th>
</table>
<table class="table table-borderless">
<th><button class="button-52" id="divine" onclick="audio4.play();" ondblclick="audio4.pause();" role="button">Best of Divine</button>
<script type="text/javascript">
const audio4 = new Audio('Divine - non stop hit songs Gully Gang Divine new hindi R.m4a');
</script></th>
<th><button class="button-52" id="avichi" onclick="audio5.play();" ondblclick="audio5.pause();" role="button">Best of Avichi</button>
<script type="text/javascript">
const audio5 = new Audio('Homenaje a Tim Bergling Tributo a Avicii (1989 - 2018).m4a');
</script></th>
<th><button class="button-52" id="eminem" onclick="audio6.play();" ondblclick="audio6.pause();" role="button">Best of Eminem</button>
<script type="text/javascript">
const audio6 = new Audio('Top 5 Eminem live performances - Mikey D.m4a');
</script></th>
<th><button class="button-52" id="dualipa" onclick="audio7.play();" ondblclick="audio7.pause();" role="button">Best of DuaLipa</button>
<script type="text/javascript">
const audio7 = new Audio('Levitating - Dua Lipa.m4a');
</script></th>
</table>
<table class="table table-borderless">
<th><button class="button-52" id="calm" onclick="audio8.play();" ondblclick="audio8.pause();" role="button">Calm</button>
<script type="text/javascript">
const audio8 = new Audio('Calm.m4a');
</script></th>
<th><button class="button-52" id="med" onclick="audio9.play();" ondblclick="audio9.pause();" role="button">Meditation</button>
<script type="text/javascript">
const audio9 = new Audio('Meditate.m4a');
</script></th>
<th><button class="button-52" id="workout" onclick="audio10.play();" ondblclick="audio10.pause();" role="button">Workout EDM</button>
<script type="text/javascript">
const audio10 = new Audio('Top motivational songs Best workout songs English music H.m4a');
</script></th>
<th><button class="button-52" id="rock" onclick="audio11.play();" ondblclick="audio11.pause();" role="button">RockMusic</button>
<script type="text/javascript">
const audio11 = new Audio('Rock.m4a');
</script></th>
</table>
</div>
<div class="bottom">
<span id="NameodSong"></span>
<div class="icon">
<h2>Single Click on the button to <span class="material-symbols-outlined">
play_arrow
</span> and Double Click to <span class="material-symbols-outlined">
pause </span> Enjoy New Songs every day !</h2>
</div>
</div>
<h3>Made with Love By Mahesh and Ilyas for hakerland by MLH !</h3>
</body>
</html>