switching toggle of on mic error

NivEz · Aug 20, 2023 · 3770602 · 3770602
1 parent a863973
commit 3770602
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/client/src/components/controller/Controller.jsx b/client/src/components/controller/Controller.jsx
@@ -91,7 +91,7 @@ export const Controller = () => {
         reConnectToWebsocket();
     };
 
-    useAudioAnalyzer({ isActive: isInteractive, handleBrightness });
+    useAudioAnalyzer({ isActive: isInteractive, setIsActive: setIsInteractive, handleBrightness });
 
     return (
         <section className={`${styles.controllerContainer} ${!isConnected && styles.cursorWait}`}>

diff --git a/client/src/hooks/useAudioAnalyzer.js b/client/src/hooks/useAudioAnalyzer.js
@@ -1,7 +1,7 @@
 import {useEffect} from "react";
 import {useThrottle} from "./useThrottle.js";
 
-export const useAudioAnalyzer = ({isActive, handleBrightness}) => {
+export const useAudioAnalyzer = ({isActive, setIsActive, handleBrightness}) => {
     const throttleEventHandler = useThrottle({onChange: handleBrightness, delay: 100});
 
     useEffect(() => {
@@ -31,13 +31,15 @@ export const useAudioAnalyzer = ({isActive, handleBrightness}) => {
 
         var soundNotAllowed = function (error) {
             alert("Please allow microphone");
+            setIsActive(false);
         }
 
         try {
             navigator.getUserMedia({audio: true}, soundAllowed, soundNotAllowed);
         } catch (err) {
             alert("You can use your microphone only from localhost or with secure connection (https)");
-        }
+            setIsActive(false);
+        };
 
         return () => clearInterval(audioInterval);
     }, [isActive])