From: Enrique Hernandez Date: Sun, 31 Jan 2021 22:58:01 +0000 (-0600) Subject: remove core directory X-Git-Tag: v0.9~115^2~2 X-Git-Url: https://andrewgundersen.net/repos?a=commitdiff_plain;h=24e2453e7c4fbfc73653f56986fb0cbc52dcef08;p=mime-chat remove core directory --- diff --git a/rawAudio.wav b/rawAudio.wav index 5582bc0..e69de29 100644 Binary files a/rawAudio.wav and b/rawAudio.wav differ diff --git a/src/core/UI/input/useInputController.ts b/src/core/UI/input/useInputController.ts deleted file mode 100644 index 3164099..0000000 --- a/src/core/UI/input/useInputController.ts +++ /dev/null @@ -1,107 +0,0 @@ -import { ref, watch, onUnmounted, onMounted } from "vue"; - -import useKeyDownHandler from "@/utils/keyDownHandler/useKeyDownHandler"; - -import useMediaStream from "@/utils/mediaStream/useMediaStream"; - -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 visualizer logic -* Will visualize text input by default as user types or -* if user holds space bar down, input audio stream -* will be visualized & recorded -*/ -// NOTE: input params should probably be input and MediaStream -export default function useInputController() { - const visualizeStream = ref(false); - const paths = ref([]); - const audioBubbleWidth = ref(10); - let stream: MediaStream; - let recorder: MediaRecorder; - - const { keyDownHandler, input } = useKeyDownHandler(); - const { textInputXoffset, renderTextInput } = useTextRender(input); - const { visualizeStreamAsPaths, expandBubble } = useStreamVisualizer(visualizeStream); - const { initRecorder } = useStreamRecord() - const { animateSend } = useAudioAnimations(); - - function audioSend() { - const domQuery = document.getElementsByClassName("audioInput"); - const inputEl = domQuery[0]; - animateSend(inputEl, visualizeStream); - } - - // stops stream recording on space key up - function keyupHandler(e: any) { - if (e.key === " " && visualizeStream.value) { - console.log("stop recording"); - window.postMessage({ - myTypeField: 'update-recorder', - record: false - }, '*') - - visualizeStream.value = false; - paths.value = [] - audioBubbleWidth.value = 10; - input.value = '' - } - } - - // add window event keyboard listeners - window.addEventListener("keydown", keyDownHandler); - window.addEventListener('keyup', keyupHandler); - - // get stream & initialize recorder object on mount - onMounted(async () => { - stream = await useMediaStream(); - // useAudioRecorder(visualizeStream, stream) - recorder = initRecorder(stream); - }) - - // determine whether to render text or audio based one the keyboard input - watch(input, (input, prevInput) => { - if (prevInput !== "" || prevInput.length > 0) { - if (!visualizeStream.value) { - renderTextInput(); - } - return; - } - if (input === " " && visualizeStream.value === false) { - console.log("record MediaStream"); - visualizeStream.value = true; - window.postMessage({ - myTypeField: 'update-recorder', - record: true - }, '*') - - expandBubble(audioBubbleWidth); - visualizeStreamAsPaths(stream, paths, audioBubbleWidth); - return; - } - renderTextInput(); - }); - - // remove Event Listeners on component unMount - onUnmounted(() => { - window.removeEventListener("keydown", keyDownHandler); - window.removeEventListener("keyup", keyupHandler); - }); - - return { - input, - visualizeStream, - textInputXoffset, - audioBubbleWidth, - paths - } - -}