the relay server for openai websocket is ready

This commit is contained in:
RockYang
2024-10-17 16:46:41 +08:00
parent e356771049
commit 43c507c597
13 changed files with 184 additions and 263 deletions

View File

@@ -2,15 +2,15 @@
<div class="audio-chat-page">
<el-button style="margin: 20px" type="primary" size="large" @click="connect()">开始语音对话</el-button>
<el-dialog v-model="showDialog" title="语音通话" >
<realtime-conversation @close="showDialog = false" ref="conversationRef" :height="dialogHeight+'px'" />
<el-dialog v-model="showDialog" title="语音通话" :before-close="close">
<realtime-conversation @close="showDialog = false" ref="conversationRef" :height="dialogHeight+'px'" />
</el-dialog>
</div>
</template>
<script setup>
import {nextTick, ref} from 'vue';
import RealtimeConversation from "@/components/RealtimeConversation .vue";
import RealtimeConversation from "@/components/RealtimeConversation.vue";
const showDialog = ref(false);
const dialogHeight = ref(window.innerHeight - 75);
@@ -21,6 +21,10 @@ const connect = () => {
conversationRef.value.connect()
})
}
const close = () => {
showDialog.value = false;
conversationRef.value.hangUp()
}
</script>
<style scoped lang="stylus">