add mediaStream composable

src/components/taInput/inputController.ts

@@ -2,7 +2,7 @@ import { ref, watch, onUnmounted, onMounted } from "vue";
 
 import useKeyDownHandler from "@/composables/keyDownHandler/useKeyDownHandler";
 
-import useMediaStream from "@/utils/mediaStream/useMediaStream";
+import useMediaStream from "@/composables/mediaStream";
 
 import useAudioVisualizer from './audioDetails/audioVisualizer';
 
@@ -49,7 +49,7 @@ export default function useInputController() {
 
     // get stream & initialize recorder object on mount
     onMounted(async () => {
-        stream = await useMediaStream();
+        stream = await useMediaStream({ audio: true });
     })
 
     // determine whether to render text or audio based one the keyboard input

src/composables/mediaStream.ts

@@ -1,6 +1,13 @@
-export default async function useMediaStream() {
-   const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-   // var audioTrack = stream.getAudioTracks()[0]; 
+export default async function useMediaStream(constraints: {
+   audio: boolean;
+   video?: boolean;
+}): Promise<MediaStream> {
+   try { 
+      const stream = await navigator.mediaDevices.getUserMedia(constraints);
+      return stream;
+   } catch (e) {
+      return e; 
+   }
+   // var audioTack = stream.getAudioTracks()[0]; 
    // console.log(audioTrack.getSettings()) 
-   return stream;
-}
+}

src/utils/mediaStream/useMediaStream.ts

@@ -1,6 +0,0 @@
-export default async function useMediaStream() {
-   const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-   // var audioTrack = stream.getAudioTracks()[0]; 
-   // console.log(audioTrack.getSettings()) 
-   return stream;
-}