-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmusic.html
130 lines (111 loc) · 5.99 KB
/
music.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="title">CoolSounds</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
</head>
<body>
<br>
<nav>
<ul>
<li><a href="index.html">Sounds</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="brawlstars.html">Brawl Stars SFX</a></li>
<li><a href="asmr.html">ASMR</a></li>
<li><a href="darius-stims.html">Darius Stims SFX</a></li>
<li><a href="brainrot.html">Brainrot</a></li>
<li><a href="meetthedevs.html">Meet The Devs</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdnLqKoBB-w4EcPaKMEak1pVmM3o3qkSeDoFNLPmjNilM7_yg/viewform" type="_blank">Sound Request</a></li>
</ul>
</nav>
<br><br>
<div class="soundboard hidden">
<h1 class="head">Music</h1>
<p class="para" style="margin-top: -60px;">Press S to stop all sound</p>
<center>
<div class="toggle-container">
<label class="toggle-switch">
<input type="checkbox" id="overlapSwitch" onclick="toggleOverlap()">
<span class="slider"></span>
</label>
<span id="overlapText">Sound Overlapping</span>
</div>
</center>
<br><br>
<div class="buttons">
<button onclick="playSound('music1')">Windfall</button>
<button onclick="playSound('music2')">Monody</button>
<button onclick="playSound('music3')">Fly Away</button>
<button onclick="playSound('music10000')">Close to the Sun</button>
<button onclick="playSound('music0')">Xenogenesis</button>
<button onclick="playSound('music4')">Fluffing A Duck</button>
<button onclick="playSound('music99')">Sad Cat Song</button>
<button onclick="playSound('music0001')">Toothless Meme</button>
<button onclick="playSound('music5')">Indian Music</button>
<button onclick="playSound('music6')">Thick of It - KSI</button>
<button onclick="playSound('music1000000')">Thick of It Bass Boosted</button>
<button onclick="playSound('music7')">Better Thick of It🔥</button>
<button onclick="playSound('music69')">1950's Thick of It💀</button>
<button onclick="playSound('music70')">Brainrot Thick of It</button>
<button onclick="playSound('music8')">Ransom - Lil Tecca</button>
<button onclick="playSound('music9')">Fein - Travis Scott</button>
<button onclick="playSound('music10')">Hope - XXXTentacion</button>
<button onclick="playSound('music11')">Blueberry Faygo - Lil Mosey</button>
<button onclick="playSound('music12')">Fein Brainrot Version</button>
<button onclick="playSound('music13')">The Search - NF</button>
<button onclick="playSound('music14')">Last Rizzmas</button>
<button onclick="playSound('music15')">Scary TikTok Music</button>
<button onclick="playSound('music16')">Haggstrom</button>
<button onclick="playSound('music17')">Carnival (TikTok Rizz Party)</button>
<button onclick="playSound('music18')">Mango Phonk</button>
</div>
<audio class="Audio" id="music1" src="audio/windfall.mp3"></audio>
<audio class="Audio" id="music2" src="audio/monody.mp3"></audio>
<audio class="Audio" id="music3" src="audio/flyaway.mp3"></audio>
<audio class="Audio" id="music10000" src="audio/closetothesun.mp3"></audio>
<audio class="Audio" id="music0" src="audio/xenogenesis.mp3"></audio>
<audio class="Audio" id="music4" src="audio/fluffingaduck.mp3"></audio>
<audio class="Audio" id="music99" src="audio/sad-cat-song.mp3"></audio>
<audio class="Audio" id="music0001" src="audio/toothless.mp3"></audio>
<audio class="Audio" id="music5" src="audio/indi.mp3"></audio>
<audio class="Audio" id="music6" src="audio/thick.mp3"></audio>
<audio class="Audio" id="music1000000" src="audio/thick-of-it-earrape.mp3"></audio>
<audio class="Audio" id="music7" src="audio/betterthick.mp3"></audio>
<audio class="Audio" id="music69" src="audio/1950thick.mp3"></audio>
<audio class="Audio" id="music70" src="audio/brainrot-thickofit.mp3"></audio>
<audio class="Audio" id="music8" src="audio/ransom.mp3"></audio>
<audio class="Audio" id="music9" src="audio/fein.mp3"></audio>
<audio class="Audio" id="music10" src="audio/hope.mp3"></audio>
<audio class="Audio" id="music11" src="audio/blueberryfaygo.mp3"></audio>
<audio class="Audio" id="music12" src="audio/brainrotfein.mp3"></audio>
<audio class="Audio" id="music13" src="audio/thesearch.mp3"></audio>
<audio class="Audio" id="music14" src="audio/lastrizzmas.mp3"></audio>
<audio class="Audio" id="music15" src="audio/scary-tiktok-music.mp3"></audio>
<audio class="Audio" id="music16" src="audio/haggstrom.mp3"></audio>
<audio class="Audio" id="music17" src="audio/carnival-tiktok-rizz.mp3"></audio>
<audio class="Audio" id="music18" src="audio/mango phonk.mp3"></audio>
<!--Add more audio like above-->
<br><br><br>
<footer>
<p class="pg">Made by <a href="https://SprintingSnail69.github.io" target="_blank">SprintingSnail69</a> and <a href="https://cobblesteve01.github.io" target="_blank">cobblesteve01</a></p>
</footer>
</div>
</div>
<div class="snowflakes" aria-hidden="true">
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<div class="snowflake"></div>
<!-- Add more snowflake divs as needed -->
</div>
<!--JS files teehee-->
<script src="sound.js"></script>
</body>
</html>