add 16int audio recorder

src/core/UI/input/useInputController.ts

@@ -5,6 +5,7 @@ import useStreamRecord from "./audio/useStreamRecord";
 import useStreamVisualizer from './audio/useStreamVisualizer';
 import useTextRender from './text/useTextRender';
 import useAudioAnimations from './audio/audioDetails/useAnimations';
+import useAudioRecorder from './audio/useAudioRecorder';
 
 /* 
 * Input controller logic
@@ -37,10 +38,12 @@ export default function useInputController() {
     if (e.key === " " && visualizeStream.value) {
       console.log("stop recording");
       // recorder.stop();
-      window.postMessage({
-        myTypeField: 'update-recorder',
-        record: false
-      }, '*')
+
+      // window.postMessage({
+      //   myTypeField: 'update-recorder',
+      //   record: false
+      // }, '*')
+
       visualizeStream.value = false;
       paths.value = []
       audioBubbleWidth.value = 10;
@@ -55,7 +58,7 @@ export default function useInputController() {
   // get stream & initialize recorder object on mount
   onMounted(async () => {
     stream = await useMediaStream();
-    console.log(stream)
+    useAudioRecorder(visualizeStream, stream)
     recorder = initRecorder(stream);
   })
 
@@ -72,10 +75,11 @@ export default function useInputController() {
       visualizeStream.value = true;
       // recorder.start();
 
-      window.postMessage({
-        myTypeField: 'update-recorder',
-        record: true
-      }, '*')
+      // window.postMessage({
+      //   myTypeField: 'update-recorder',
+      //   record: true
+      // }, '*')
+
       expandBubble(audioBubbleWidth);
       visualizeStreamAsPaths(stream, paths, audioBubbleWidth);
       return;