分类：h5聊天对话

2020
11-19

Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例

引言在与实现了语音合成、语义分析、机器翻译等算法的后端交互时，页面可以设计成更为人性化、亲切的方式。我们采用类似于聊天对话的实现，效果如下：智能客服（输入文本，返回引擎处理后的文本结果）语音合成（输入文本，返回文本以及合成的音频）如上图所示，返回文本后，再返回合成出的音频。音频按钮嵌在对话气泡中，可以点击播放。语音识别（在页面录制语音发送，页面实时展示识别出的文本结果）实现功能及技术要点1、... 继续阅读 >