使用vue3实现语音交互的前端页面

代码地址：https://github.com/ZZD3627/my-third-vue.git

需求

1.前端实现录音并将音频传到通过http请求将音频传递到后端
2.基于后端识别的语音及后端返回的内容进行语音沟通

实现

1.使用MediaRecorder在前端使用录音功能
2.使用SpeechSynthesis实现将后端传来的文字进行播放

其中一个页面的代码：

页面截图：