diff --git a/.glitch-assets b/.glitch-assets index 954626f..23e91ea 100644 --- a/.glitch-assets +++ b/.glitch-assets @@ -4,3 +4,4 @@ {"uuid":"adSBq97hhhpFNUna","deleted":true} {"uuid":"adSBq97hhhpFNUnb","deleted":true} {"uuid":"adSBq97hhhpFNUnc","deleted":true} +{"name":"Game-show-buzzer-sound-effect.mp3","date":"2020-04-09T16:57:28.374Z","url":"https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2FGame-show-buzzer-sound-effect.mp3","type":"audio/mpeg","size":70136,"thumbnail":"https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2Fthumbnails%2FGame-show-buzzer-sound-effect.mp3","thumbnailWidth":210,"thumbnailHeight":210,"uuid":"yN2JIbEQPO4yxL0N"} diff --git a/public/style.css b/public/style.css index cd80b2c..3f25fd4 100644 --- a/public/style.css +++ b/public/style.css @@ -68,7 +68,6 @@ footer { font-size: 4em; color: white; text-shadow: 2px 2px 2px black; - outline: none; } #buzzer:active { diff --git a/views/join.handlebars b/views/join.handlebars index 02f554f..83bd543 100644 --- a/views/join.handlebars +++ b/views/join.handlebars @@ -27,6 +27,10 @@ + +

+ Join the audience +

diff --git a/views/room.handlebars b/views/room.handlebars index 5e39ec0..1b6b224 100644 --- a/views/room.handlebars +++ b/views/room.handlebars @@ -48,12 +48,14 @@ }; document.getElementById('buzzer').addEventListener('touchstart', function() { + beep(); socket.send(JSON.stringify({ type: "buzz" })); }); document.getElementById('buzzer').addEventListener('mousedown', function() { + beep(); socket.send(JSON.stringify({ type: "buzz" })); @@ -69,6 +71,10 @@ mb.classList.add('hide'); }, 5000) } + + function beep() { + new Audio("https://cdn.glitch.com/81aebabf-079d-4504-b844-d90d643962c4%2FGame-show-buzzer-sound-effect.mp3?v=1586451448374").play(); + }