From 1cb1bec05a5ec5537bf4d87d39dcafa007e8b521 Mon Sep 17 00:00:00 2001 From: Jeroen De Meerleer Date: Wed, 5 May 2021 12:50:35 +0200 Subject: [PATCH] Added better warning and sounds --- package-lock.json | 160 ++++++++++++++++++----------------- public/sfx/next.wav | Bin 0 -> 66194 bytes public/{ => sfx}/timeout.wav | Bin public/sfx/warning.wav | Bin 0 -> 8864 bytes src/components/Timer.vue | 65 +++++++++++--- 5 files changed, 135 insertions(+), 90 deletions(-) create mode 100644 public/sfx/next.wav rename public/{ => sfx}/timeout.wav (100%) create mode 100644 public/sfx/warning.wav diff --git a/package-lock.json b/package-lock.json index 6157671..0f17450 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1869,16 +1869,6 @@ "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==", "dev": true }, - "ansi-styles": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", - "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", - "dev": true, - "optional": true, - "requires": { - "color-convert": "^2.0.1" - } - }, "cacache": { "version": "13.0.1", "resolved": "https://registry.npmjs.org/cacache/-/cacache-13.0.1.tgz", @@ -1905,53 +1895,6 @@ "unique-filename": "^1.1.1" } }, - "chalk": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz", - "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==", - "dev": true, - "optional": true, - "requires": { - "ansi-styles": "^4.1.0", - "supports-color": "^7.1.0" - } - }, - "color-convert": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", - "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", - "dev": true, - "optional": true, - "requires": { - "color-name": "~1.1.4" - } - }, - "color-name": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", - "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", - "dev": true, - "optional": true - }, - "has-flag": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", - "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", - "dev": true, - "optional": true - }, - "loader-utils": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", - "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", - "dev": true, - "optional": true, - "requires": { - "big.js": "^5.2.2", - "emojis-list": "^3.0.0", - "json5": "^2.1.2" - } - }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -1968,16 +1911,6 @@ "minipass": "^3.1.1" } }, - "supports-color": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", - "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", - "dev": true, - "optional": true, - "requires": { - "has-flag": "^4.0.0" - } - }, "terser-webpack-plugin": { "version": "2.3.8", "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-2.3.8.tgz", @@ -1994,18 +1927,6 @@ "terser": "^4.6.12", "webpack-sources": "^1.4.3" } - }, - "vue-loader-v16": { - "version": "npm:vue-loader@16.2.0", - "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz", - "integrity": "sha512-TitGhqSQ61RJljMmhIGvfWzJ2zk9m1Qug049Ugml6QP3t0e95o0XJjk29roNEiPKJQBEi8Ord5hFuSuELzSp8Q==", - "dev": true, - "optional": true, - "requires": { - "chalk": "^4.1.0", - "hash-sum": "^2.0.0", - "loader-utils": "^2.0.0" - } } } }, @@ -11316,6 +11237,87 @@ } } }, + "vue-loader-v16": { + "version": "npm:vue-loader@16.2.0", + "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.2.0.tgz", + "integrity": "sha512-TitGhqSQ61RJljMmhIGvfWzJ2zk9m1Qug049Ugml6QP3t0e95o0XJjk29roNEiPKJQBEi8Ord5hFuSuELzSp8Q==", + "dev": true, + "optional": true, + "requires": { + "chalk": "^4.1.0", + "hash-sum": "^2.0.0", + "loader-utils": "^2.0.0" + }, + "dependencies": { + "ansi-styles": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz", + "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==", + "dev": true, + "optional": true, + "requires": { + "color-convert": "^2.0.1" + } + }, + "chalk": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz", + "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==", + "dev": true, + "optional": true, + "requires": { + "ansi-styles": "^4.1.0", + "supports-color": "^7.1.0" + } + }, + "color-convert": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz", + "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==", + "dev": true, + "optional": true, + "requires": { + "color-name": "~1.1.4" + } + }, + "color-name": { + "version": "1.1.4", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz", + "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==", + "dev": true, + "optional": true + }, + "has-flag": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz", + "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==", + "dev": true, + "optional": true + }, + "loader-utils": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.0.tgz", + "integrity": "sha512-rP4F0h2RaWSvPEkD7BLDFQnvSf+nK+wr3ESUjNTyAGobqrijmW92zc+SO6d4p4B1wh7+B/Jg1mkQe5NYUEHtHQ==", + "dev": true, + "optional": true, + "requires": { + "big.js": "^5.2.2", + "emojis-list": "^3.0.0", + "json5": "^2.1.2" + } + }, + "supports-color": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz", + "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==", + "dev": true, + "optional": true, + "requires": { + "has-flag": "^4.0.0" + } + } + } + }, "vue-style-loader": { "version": "4.1.3", "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-4.1.3.tgz", diff --git a/public/sfx/next.wav b/public/sfx/next.wav new file mode 100644 index 0000000000000000000000000000000000000000..5628aa96c2dbbc5fab5e00b0894d8328f0c9855d GIT binary patch literal 66194 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 jBK&0q1|KzD%
X
-

{{ countDown.toString() }}

+

{{ countDown.toString() }}

joker joker @@ -10,7 +10,7 @@ joker

-

{{ countDown.toString() }}

+

{{ countDown.toString() }}

joker joker @@ -33,7 +33,11 @@ export default { return { countDown: -2, warning: true, + danger: false, wakeLock: null, + sfxTimeout: this.playsound ? new Audio('sfx/timeout.wav') : null, + sfxWarning: this.playsound ? new Audio('sfx/warning.wav') : null, + sfxNext: this.playsound ? new Audio('sfx/next.wav') : null, } }, methods: { @@ -42,28 +46,63 @@ export default { }, timeleft: function(){ this.countDown--; - if(this.countDown == 0) { - this.warning = true + switch (this.countDown) { + case 6: + if(this.playsound) { + this.sfxWarning = new Audio('sfx/warning.wav'); + } + break; + case 5: + if(this.playsound) { + this.sfxWarning.play(); + } + this.danger = true; + break; + case 4: + if(this.playsound) { + this.sfxWarning.play(); + } + break; + case 3: + if(this.playsound) { + this.sfxWarning.play(); + } + break; + case 2: + if(this.playsound) { + this.sfxWarning.play(); + } + break; + case 1: + if(this.playsound) { + this.sfxWarning.play(); + } + break; + case 0: + this.warning = true - if(this.playsound) { - var audio = new Audio('timeout.wav'); - audio.play(); - } - clearInterval(Interval); + if(this.playsound) { + this.sfxTimeout.play(); + } + clearInterval(Interval); + break; } - }, restartTimer: function() { if(this.wakeLock == null && 'wakeLock' in navigator) { this.wakeLock = navigator.wakeLock.request('screen'); } + if(this.playsound) { + this.sfxNext.play(); + } this.countDown = this.time; this.warning = false; + this.danger = false; clearInterval(Interval); Interval = setInterval(() => { this.timeleft() }, 1000); - } + }, }, } @@ -87,6 +126,10 @@ export default { text-align: center; width: 80px; height: 60px; + + &.danger { + color: $red; + } } .timeout {