blob: 070f5de21c53bd7a8875b2f801ea54ebe40a0191 (
plain)
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
|
const img_preview = document.getElementById("preview");
const muted_img = document.getElementById("muted_img");
muted_img.addEventListener("change", function () {
show_and_save_image(muted_img, "muted_img");
});
const speak_img = document.getElementById("speak_img");
speak_img.addEventListener("change", function () {
show_and_save_image(speak_img, "speak_img");
});
function show_and_save_image(input, name) {
const files = input.files[0];
if (files) {
const fileReader = new FileReader();
fileReader.readAsDataURL(files);
fileReader.addEventListener("load", function () {
localStorage.setItem(name, this.result);
});
}
}
const silence_slider = document.getElementById("silence_slider");
if (localStorage.getItem("silence_db")) {
silence_slider.value = localStorage.getItem("silence_db");
} else {
localStorage.setItem("silence_db", silence_slider.value);
}
const silence_slider_db = document.getElementById("silence_slider_db");
silence_slider_db.innerHTML = silence_slider.value;
silence_slider.addEventListener("change", function () {
localStorage.setItem("silence_db", silence_slider.value);
silence_slider_db.innerHTML = silence_slider.value;
});
|