-
Notifications
You must be signed in to change notification settings - Fork 0
/
js.js
52 lines (44 loc) · 1.16 KB
/
js.js
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
var clap = new Audio;
clap.src = "drums/clap.wav";
var boom = new Audio;
boom.src = "drums/boom.wav";
var tink = new Audio;
tink.src = "drums/tink.wav";
var ride = new Audio;
ride.src = "drums/ride.wav";
var hihat = new Audio;
hihat.src = "drums/hihat.wav";
var openhat = new Audio;
openhat.src = "drums/openhat.wav";
var kick = new Audio;
kick.src = "drums/kick.wav";
var snare = new Audio ;
snare.src = "drums/snare.wav";
var tom = new Audio;
tom.src = "drums/tom.wav";
var songs = {
"clap" : clap,
"boom": boom ,
"tink" : tink,
"ride": ride,
"hihat" : hihat,
"openhat": openhat,
"kick" : kick,
"snare":snare,
"tom" : tom
};
console.log(songs["drum"]);
var btn = document.getElementsByClassName("keys");
document.addEventListener("keypress", function(n){
if((/[asdfghjkl]/).test(n.key)){
document.getElementById(n.key).classList.add("playing");
var song = document.getElementById(n.key).getAttribute("target");
var music = songs[song];
music.currentTime = 0;
music.play();
setTimeout(function(){
document.getElementById(n.key).classList.remove("playing");
},200)
}
})
// well you are having problems playing the song and it is slow