diff --git a/src/assets/icons/next (1).svg b/src/assets/icons/next (1).svg new file mode 100644 index 00000000..4b6ffccd --- /dev/null +++ b/src/assets/icons/next (1).svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/icons/next.svg b/src/assets/icons/next.svg index 874c3101..d96118d7 100644 --- a/src/assets/icons/next.svg +++ b/src/assets/icons/next.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/src/assets/icons/pause.svg b/src/assets/icons/pause.svg index 6bb4f1b8..19dce7a3 100644 --- a/src/assets/icons/pause.svg +++ b/src/assets/icons/pause.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/src/assets/icons/play.svg b/src/assets/icons/play.svg index d426214f..47fcf5b3 100644 --- a/src/assets/icons/play.svg +++ b/src/assets/icons/play.svg @@ -1,4 +1,3 @@ - - - + + diff --git a/src/assets/icons/previous.svg b/src/assets/icons/previous.svg index 78fe775a..faebdeb9 100644 --- a/src/assets/icons/previous.svg +++ b/src/assets/icons/previous.svg @@ -1,3 +1,4 @@ - - + + + diff --git a/src/composables/perks.js b/src/composables/perks.js index bf53d190..33b0ae49 100644 --- a/src/composables/perks.js +++ b/src/composables/perks.js @@ -108,26 +108,70 @@ setTimeout(() => { }); }, 1000); -var _key_down_fired = false; +var key_down_fired = false; window.addEventListener("keydown", (e) => { - - if (e.code == "Space" && !_key_down_fired) { - e.stopImmediatePropagation(); - e.preventDefault(); - playAudio.playPause(); - _key_down_fired = true; + let target = e.target; + let ctrlKey = e.ctrlKey; - } else if (e.ctrlKey && e.code == "KeyF") { - console.log('Ctrl F') + switch (e.key) { + case "ArrowRight": + { + if (!key_down_fired) { + key_down_fired = true; + + setTimeout(() => { + key_down_fired = false; + }, 1000); + + playAudio.playNext(); + } + } + break; + + case "ArrowLeft": + { + if (!key_down_fired) { + key_down_fired = true; + + setTimeout(() => { + key_down_fired = false; + }, 1000); + + playAudio.playPrev(); + } + } + + break; + + case " ": + { + if (!key_down_fired) { + if (target.tagName == "INPUT") return; + key_down_fired = true; + + playAudio.playPause(); + } + } + + break; + + case "f": { + if (!key_down_fired) { + if (!ctrlKey) return; + + console.log("ctrl + f pressed"); + key_down_fired = true; + } + } } }); window.addEventListener("keyup", (e) => { if (e.code == "Space") { - _key_down_fired = false; + key_down_fired = false; } -}) +}); export default { putCommas,