-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (61 loc) · 3.95 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
<!DOCTYPE html>
<html>
<head>
<title>Soundboard</title>
<link href="main.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
<script src="playsound.js"></script>
</head>
<body>
<!--div id="particles-js"-->
<div id="board">
<div class="shadow">
<h1>Soundboard</h1>
<div class="soundboard">
<ul class="button-row">
<li class="button" onclick="playSound('fart')"><audio id="fart" preload><source src="Sounds/Fart.mp3"></audio>Fart</li>
<li class="button" onclick="playSound('sneeze')"><audio id="sneeze" preload><source src="Sounds/Sneeze.wav"></audio>Sneeze</li>
<li class="button" onclick="playSound('crash')"><audio id="crash" preload><source src="Sounds/Crash.mp3"></audio>Crash</li>
<li class="button" onclick="playSound('horn')"><audio id="horn" preload><source src="Sounds/Horn.mp3"></audio>Horn</li>
<li class="button" onclick="playSound('jeopardy')"><audio id="jeopardy" preload><source src="Sounds/Jeopardy.mp3"></audio>Jeopardy</li>
</ul>
<ul class="button-row">
<li class="button" onclick="playSound('boo')"><audio id="boo" preload><source src="Sounds/Boo.mp3"></audio>Boo</li>
<li class="button" onclick="playSound('haha')"><audio id="haha" preload><source src="Sounds/LaughTrack.mp3"></audio>Haha</li>
<li class="button" onclick="playSound('applause')"><audio id="applause" preload><source src="Sounds/Applause.mp3"></audio>Applause</li>
<li class="button" onclick="playSound('yousuck')"><audio id="yousuck" preload><source src="Sounds/YouSuck.mp3"></audio>You Suck!</li>
<li class="button" onclick="playSound('carkey')"><audio id="carkey" preload><source src="Sounds/CarKey.mp3"></audio>Car Key</li>
</ul>
<ul class="button-row">
<li class="button" onclick="playSound('slowclap')"><audio id="slowclap" preload><source src="Sounds/SlowClap.mp3"></audio>Slow Clap</li>
<li class="button" onclick="playSound('buzzer')"><audio id="buzzer" preload><source src="Sounds/Buzzer.mp3"></audio>Buzzer</li>
<li class="button" onclick="playSound('crickets')"><audio id="crickets" preload><source src="Sounds/Crickets.mp3"></audio>Crickets</li>
<li class="button" onclick="playSound('?')"><audio id="?" preload><source src=""></audio>?</li>
<li class="button" onclick="playSound('whistle')"><audio id="whistle" preload><source src="Sounds/SlideWhistle.mp3"></audio>Slide Whistle</li>
</ul>
<ul class="button-row">
<li class="button" onclick="playSound('burp')"><audio id="burp" preload><source src="Sounds/Burp.mp3"></audio>Burp</li>
<li class="button" onclick="playSound('scratch')"><audio id="scratch" preload><source src="Sounds/Scratch.mp3"></audio>Scratch</li>
<li class="button" onclick="playSound('?')"><audio id="?" preload><source src=""></audio>?</li>
<li class="button" onclick="playSound('?')"><audio id="?" preload><source src=""></audio>?</li>
<li class="button" onclick="playSound('whip')"><audio id="whip" preload><source src="Sounds/Whip.mp3"></audio>Whip</li>
</ul>
<ul class="button-row">
<li class="button" onclick="playSound('flush')"><audio id="flush" preload><source src="Sounds/Toilet.mp3"></audio>Toilet Flush</li>
<li class="button" onclick="playSound('drums')"><audio id="drums" preload><source src="Sounds/Drums.mp3"></audio>Drums</li>
<li class="button" onclick="playSound('traffic')"><audio id="traffic" preload><source src="Sounds/Traffic.mp3"></audio>Traffic</li>
<li class="button" onclick="playSound('easy')"><audio id="easy" preload><source src="Sounds/ThatWasEasy.mp3"></audio>That Was Easy</li>
<li class="button" onclick="playSound('show')"><audio id="show" preload><source src="Sounds/FamilyFeud.mp3"></audio>Family Feud</li>
</ul>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<!--script>
particlesJS.load('particles-js', 'particles.json', function(){
console.log('particles.json loaded...');
});
</script-->
</body>
</html>