Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互的实例
引言 在与实现了语音合成、语义分析、机器翻译等算法的后端交互时,页面可以设计成更为人性化、亲切的方式。我们采用类似于聊天对话的实现,效果如下: 智能客服(输入文本,返回引擎处理后的文本结果) 语音合成(输入文本,返回文本以及合成的音频) 如上图所示,返回文本后,再返回合成出的音频。 音频按钮嵌在对话气泡中,可以点击播放。 语音识别(在页面录制语音发送,页面实时展示识别出的文本结果) 实现功能及技术要点 1、基于WebSocket实现对话流 页面与后端的交互是实时互动的,所以采用WebSocket协议,而不是HTTP请求,这样后端推送回的消息可以实时显示在页面上。 WebSo
用户评论
推荐下载
-
Html5Websocket聊天
服务端使用基于java的MINA通信框架、实现了简单的上线下线聊天、服务器推送、以及各客户端同步作画,还有桌面提醒的小案例。以供大家学习参考之用
7 2021-04-22 -
vue使用websocket的方法实例分析
主要介绍了vue使用websocket的方法,结合实例形式对比分析了vue.js使用websocket的相关操作技巧与注意事项,需要的朋友可以参考下
21 2020-10-28 -
H5基于图片库的表情聊天json表情库的表情聊天
基于图片库和表情库的h5页面的表情聊天,基于图片的直接就能用,基于json的要发布到服务器上,
22 2020-05-15 -
h5websocket.zip
h5websocket.zip
11 2020-02-27 -
h5WebSocket Demo
h5WebSocketDemo
27 2019-07-09 -
h5调用摄像头的实现方法
XML/HTML Code复制内容到剪贴板 <!DOCTYPE html> <html lang="zh-CN"> &
12 2020-12-15 -
H5实现向女孩表白的烟花效果
H5实现向女孩表白的烟花效果,非常实用与好看,还在单身的你值得拥有~
35 2019-03-16 -
H5实现安卓的左滑删除
H5 implements Android left slide delete
18 2019-06-22 -
使用h5实现的音频播放器
使用h5实现的音频播放器,是使用html5+JavaScript实现的,可以在网页播放mp3
39 2018-12-09 -
实现WebView显示360°全景H5的库
实现WebView显示360°全景H5的库,解决部分机型不支持显示360°全景
40 2019-05-01
暂无评论