record when holding space key

1 files changed, 14 insertions, 1 deletions

diff --git a/app.js b/app.js
index 762a72f..19d0867 100644
--- a/app.js
+++ b/app.js
@@ -44,7 +44,6 @@ function onGetDeviceSuccess(stream) {
     clips.prepend(wrapElement("li", audioElement));
   });
 
-  // TODO: handle "space" key hold the same as holding the "record" button
   recordBtn.addEventListener("mousedown", _event => {
     mediaRecorder.start();
   });
@@ -52,6 +51,20 @@ function onGetDeviceSuccess(stream) {
   recordBtn.addEventListener("mouseup", _event => {
     mediaRecorder.stop();
   });
+
+  document.addEventListener("keydown", event => {
+    if (mediaRecorder.state == "inactive" && event.key == " ") {
+      event.preventDefault();  // prevent scroll
+      mediaRecorder.start();
+    }
+  });
+
+  document.addEventListener("keyup", event => {
+    if (event.key == " ") {
+      event.preventDefault();  // prevent scroll
+      mediaRecorder.stop();
+    }
+  });
 }
 
 function onGetDeviceError(error) {