-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
94 lines (77 loc) · 2.82 KB
/
script.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
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
const pianoKeys = document.querySelectorAll(".piano-keys .key"),
volumeSlider = document.querySelector(".volume-slider input"),
keysCheckbox = document.querySelector(".keys-checkbox input");
let allKeys = [],
audio = new Audio(`tunes/a.wav`);
let frequency = 0;
let frequencies = []; // Nový zoznam na ukladanie frekvencií
const playTune = (key) => {
audio.src = `tunes/${key}.wav`;
audio.play();
switch (key) {
case "a": frequency = 262; break;
case "w": frequency = 277; break;
case "s": frequency = 293; break;
case "e": frequency = 311; break;
case "d": frequency = 329; break;
case "f": frequency = 349; break;
case "t": frequency = 370; break;
case "g": frequency = 392; break;
case "y": frequency = 415; break;
case "h": frequency = 440; break;
case "u": frequency = 466; break;
case "j": frequency = 493; break;
case "k": frequency = 523; break;
case "o": frequency = 554; break;
case "l": frequency = 587; break;
case "p": frequency = 622; break;
case ";": frequency = 659; break;
}
console.log(`Frequency: ${frequency}, 250 milliseconds.`);
frequencies.push(frequency);
if (frequencies.length === 32) {
console.log(`${frequencies}`);
console.log(`Sending frequencies to the server.`);
const url = `http://10.0.3.113:8000/piano/${frequencies.join(',')}`;
fetch(url, {
method: 'GET',
})
.then(response => {
if (!response.ok) {
throw new Error('Network response was not ok');
}
return response.text();
})
.then(data => {
console.log('Success:', data);
})
.catch((error) => {
console.error('Error:', error);
});
frequencies = []; // Clear frequencies after sending
}
const clickedKey = document.querySelector(`[data-key="${key}"]`);
clickedKey.classList.add("active");
const startTime = performance.now();
const endTime = () => {
const endTime = performance.now();
clickedKey.classList.remove("active");
};
setTimeout(endTime, 250);
}
pianoKeys.forEach(key => {
allKeys.push(key.dataset.key);
key.addEventListener("click", () => playTune(key.dataset.key));
});
const handleVolume = (e) => {
audio.volume = e.target.value;
}
const showHideKeys = () => {
pianoKeys.forEach(key => key.classList.toggle("hide"));
}
const pressedKey = (e) => {
if(allKeys.includes(e.key)) playTune(e.key);
}
keysCheckbox.addEventListener("click", showHideKeys);
volumeSlider.addEventListener("input", handleVolume);
document.addEventListener("keydown", pressedKey);