基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)

本文章由本人原创

这是一个基于springboot+h5+websocket的即时通讯和百度实时语音转译(语音在线识别),源码已经上传,需要用来参考的可以联系我。

代码展现如下(包含了前端后端代码):

基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第1张图片

基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第2张图片

1.基于浏览器的一个h5即时通讯,可以实现websocket的长连接,连接成功以后可以实现类似客服系统的通讯。登录页面为http://localhost:8080/login

2.账号mike或者tom,密码是1234,登录后,用户可查看到聊天室在线的用户列表,我们在服务器上通过一个hashmap始终记录了当前在线的用户列表;

3.登录的用户可以点击一个在线的其他用户,并给他发送消息,消息先提交给服务器,在通过服务器转发给另一端用户;

5.添加好友上线提醒和下线提醒的功能,当有好友上线或下线时自动通知所有其他在线人,不要刷新页面可看到实时在线用户列表。

6.实现了语音录音功能,连接双方可以在线实时进行语音。

7.对接百度语音转译接口,申请账号免费使用语音转译。

8.长按语音功能的时候实现声音声波的动画动态变化。

9.可以下载录制的语音。

10.多个用户登录之后会在页面的用户列表中显示在线的用户。

提示:1:百度的实时语音转文字接口是免费使用的,如果你对在线的并发量有要求才会收费

           2:注释部分的代码对应的是讯飞的语音转译接口,也可以使用,讯飞的接口使用方式是websocket来异步传输翻译后的文字的,而百度的转译接口是使用restful方式。

要源码的请关注我账号联系。

           3:使用百度实时语音转文字需要到  百度ai平台-语音转文字,去注册并且生成一个应用,生成应用之后会有个appkey和appsecret,赋值到即时通讯应用参数配置那里,具体操作百度。

基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第3张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第4张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第5张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第6张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第7张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第8张图片基于springboot+h5+websocket的即时通讯客服系统和百度实时语音转译(语音在线识别)_第9张图片

你可能感兴趣的