1 files changed, 6 insertions, 2 deletions

diff --git a/app.js b/app.js
index 345c613..5095e20 100644
--- a/app.js
+++ b/app.js
@@ -5,6 +5,7 @@
  */
 
 const errorContainer = document.querySelector("#error");
+const recordingIndicator = document.querySelector("#recording-indicator");
 const recordBtn = document.querySelector("#record");
 const autoplayCheckbox = document.querySelector("#autoplay");
 const clearBtn = document.querySelector("#clear");
@@ -28,13 +29,16 @@ function onGetDeviceSuccess(stream) {
   const mediaRecorder = new MediaRecorder(stream);
   let recordingChunks = [];
 
-  // TODO: add some recording indicator (red bullet) when recording
-
   mediaRecorder.addEventListener("dataavailable", event => {
     recordingChunks.push(event.data);
   });
 
+  mediaRecorder.addEventListener("start", _event => {
+    recordingIndicator.classList.add("active");
+  });
+
   mediaRecorder.addEventListener("stop", _event => {
+    recordingIndicator.classList.remove("active");
     const blob = new Blob(recordingChunks, { type: mediaRecorder.mimeType });
     recordingChunks = [];
     const audioElement = audioElementForBlob(blob);