-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsoundboard.html
74 lines (72 loc) · 3.75 KB
/
soundboard.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FUNKY SIMON</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.0.0/animate.min.css" />
<link rel='stylesheet' href="soundboard-style.css">
<link href="https://fonts.googleapis.com/css2?family=Righteous&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon_io/favicon-16x16.png">
<link rel="manifest" href="favicon_io/site.webmanifest">
</head>
<body>
<div class='bg'>
<div class='one rowOne'></div>
<div class='two rowOne'></div>
<div class='three rowOne'></div>
<div class='four rowOne'></div>
<div class='four rowTwo'></div>
<div class='one rowTwo'></div>
<div class='two rowTwo'></div>
<div class='three rowTwo'></div>
<div class='three rowThree'></div>
<div class='four rowThree'></div>
<div class='one rowThree'></div>
<div class='two rowThree'></div>
<div class='two rowFour'></div>
<div class='three rowFour'></div>
<div class='four rowFour'></div>
<div class='one rowFour'></div>
</div>
<h1>FREESTYLE</h1>
<h2>Slam on those keys to select from an incredible selection of funky audio clips!<br>Nothing compliments Funky Song better than your own voice though -<br>make sure you're in an area where nobody can hear you!</h2>
<section class='audio'>
<audio controls id='woah' src='audio/Woah.mp3'></audio>
<audio controls id='yeah' src='audio/Yeah.mp3'></audio>
<audio controls id='hot' src='audio/Hot.mp3'></audio>
<audio controls id='funky' src='audio/funky.mp3'></audio>
<audio controls id='disco' src='audio/Disco.mp3'></audio>
<audio controls id='recordScratch' src='audio/RecordScratch.mp3'></audio>
<audio controls id='ow' src='audio/ow.mp3'></audio>
<audio controls id='doit' src='audio/doit.mp3'></audio>
<audio controls id='one' src='audio/one.mp3'></audio>
<audio controls id='two' src='audio/two.mp3'></audio>
<audio controls id='three' src='audio/three.mp3'></audio>
<audio controls id='four' src='audio/four.mp3'></audio>
<audio controls id='five' src='audio/five.mp3'></audio>
<audio controls id='dance' src='audio/dance.mp3'></audio>
<audio controls id='funkySong' src='audio/FunkySong.mp3'></audio>
</section>
<section class='sounds'>
<button id='oneB'>ONE '1'</button>
<button id='twoB'>TWO '2'</button>
<button id='threeB'>THREE '3'</button>
<button id='fourB'>FOUR '4'</button>
<button id='fiveB'>FIVE 'Q'</button>
<button id='woahB'>WOAH 'W'</button>
<button id='yeahB'>YEAH 'E'</button>
<button id='hotB'>HOT 'R'</button>
<button id='danceB'>DANCE 'A'</button>
<button id='discoB'>DISCO 'S'</button>
<button id='doitB'>DO IT 'D'</button>
<button id='owB'>OW 'F'</button>
<button id='funkyB'>FUNKY 'Z'</button>
<button id='scratchB'>SCRATCH 'X'</button>
</section>
<a id='return' href='index.html'>RETURN TO TITLE</a>
<script src='soundboard-app.js'></script>
</body>
</html>