-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
117 lines (92 loc) · 3.42 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
const soundsCollection = new Map();
const timer = new Timer();
const phrases = ['Это не у нас...', 'Погода хорошая - сходите, погуляйте.', 'Если что, вызывайте полицию.', 'Ой, а я не слышу...'];
let timeoutIndex;
let playingSound;
let soundsSetNames = [];
let soundsSet = [];
document.querySelector('#phrase_of_the_day').textContent = phrases[getRandomInt(0, phrases.length - 1)];
document.querySelector('#start_btn').addEventListener('click', e => {
soundsSetNames = [];
const soundsNamesElem = document.querySelector('#sounds_combination').querySelectorAll('input');
soundsNamesElem.forEach(elem => {
if (elem.checked) {
soundsSetNames.push(elem.value);
}
});
let timeForStart = document.querySelector('#start_time').value;
let timeInterval = document.querySelector('#time_interval').value;
if (timeForStart && !timer.isOn) {
document.querySelector('#start_time').value = '';
timer.setTimer(timeForStart, timeInterval);
return;
}
if (!timeForStart && timeInterval && !timer.isOn) {
timer.setTimer(null, timeInterval);
}
if (soundsSetNames.length) {
document.querySelector('#sounds_combination').classList.remove('fieldset-err');
document.querySelector('#sounds_combination_err').classList.remove('active');
prepareSounds();
playRundomSound();
} else {
document.querySelector('#sounds_combination').classList.add('fieldset-err');
document.querySelector('#sounds_combination_err').classList.add('active');
return;
}
});
document.querySelector('#stop_btn').addEventListener('click', e => {
document.querySelector('#start_btn').removeAttribute('disabled');
soundsCollection.get(playingSound).pause();
clearInterval(timeoutIndex);
timer.stop();
timer.startTimerIndex = null;
timer.endTimerIndex = null;
timer.isOn = false;
document.querySelector('#timer').style.visibility = 'hidden';
document.querySelector('#info_start').innerHTML = '';
document.querySelector('#info_end').innerHTML = '';
});
function prepareSounds() {
soundsSet = [];
soundsSetNames.forEach(name => {
soundsSet = [...soundsSet, ...eval(name)];
eval(name).forEach(sound => {
const audioElem = new Audio(`./assets/sounds/${sound.name}.${sound.extension}`);
audioElem.setAttribute('controls', true);
audioElem.addEventListener('ended', () => {
prepareNextTrack();
});
soundsCollection.set(sound.name, audioElem);
});
});
}
function playRundomSound() {
if (!eval(soundsSet).length) {
alert('Нет звуков!');
return;
}
document.querySelector('#start_btn').setAttribute('disabled', true);
const number = getRandomInt(0, eval(soundsSet).length - 1);
const playerElem = document.querySelector('#player');
const audioElem = playerElem.querySelector('audio');
if (audioElem) {
playerElem.removeChild(audioElem);
}
playingSound = eval(soundsSet)[number].name;
playerElem.appendChild(soundsCollection.get(playingSound));
soundsCollection.get(playingSound).play();
}
function prepareNextTrack() {
const min = +document.querySelector('#min_int').value;
const max = +document.querySelector('#max_int').value;
const waitingTime = getRandomInt(min, max);
const timeElem = document.querySelector('#time');
timer.elem = timeElem;
timer.time = waitingTime;
timer.start();
timeoutIndex = setTimeout(() => playRundomSound(), waitingTime * 1000);
}
function getRandomInt(min = 0, max = 1) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}