me/mime-chat
Watch
1
0
Fork
You've already forked mime-chat
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add audioRenderer + ipc event listeners

Browse source
This commit is contained in:
Enrique Hernandez 2020-12-11 10:41:52 -06:00
commit 5a3cd60046
5 changed files with 180 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

50
src/components/UI/UIDetails/inputItem.vue
View file

@ -11,31 +11,36 @@
<script lang="ts">
import useInputRenderer from "@/composables/inputItem/useInputRenderer";
import useStreamRecorder from "@/composables/streamRecorder/useStreamRecorder";
import {
defineComponent,
watch,
onMounted
} from "vue";
import { defineComponent, watch, onMounted, ref } from "vue";
export default defineComponent({
name: "InputItem",
setup() {
const record = ref(false);
const { inputXoffset, input } = useInputRenderer();
const { initRecorder } = useStreamRecorder();
const { initRecorder } = useStreamRecorder(record);
onMounted(async () => {
// step get streamRecorder reference
const { streamRecorder } = await initRecorder();
// add event listener for space keyup
window.addEventListener("keyup", (e) => {
if (e.key === " " && streamRecorder.state === "recording") {
console.log("stop recording")
console.log("stop recording");
record.value = false;
streamRecorder.stop();
console.log('recorder is', streamRecorder.state);
// window.postMessage(
// {
// myTypeField: "audio-stream",
// stream: false,
// },
// "*"
// );
console.log("recorder is", streamRecorder.state);
input.value = "";
}
})
});
// begin recording on space
watch(input, (input, prevInput) => {
@ -43,14 +48,23 @@ export default defineComponent({
return;
}
if (input === " ") {
console.log("record")
streamRecorder.start();
console.log('recorder is', streamRecorder.state);
}
})
})
console.log("record");
record.value = true;
return {
// window.postMessage(
// {
// myTypeField: "audio-stream",
// stream: true,
// },
// "*"
// );
streamRecorder.start();
console.log("recorder is", streamRecorder.state);
}
});
});
return {
input,
inputXoffset,
};