仿微信、QQ音视频聊天,文字表情、收发文件图片等功能。本项目使用springboot+websocket+webrtc-bootstrap5+H5+JQuery3.3+mysql实现,可自适应PC端和移动端
git地址在最后
效果图:
pc端效果图
演示视频地址:
【飞鱼聊天chat 音视频通话 springboot+websocket+webrtc+bootstrap5实现仿微信QQ】点击打开视频演示地址
websocket-webrtc-chat(飞鱼chat 音视频通话聊天)
- WebSocket是一种在单个TCP连接上进行全双工通信的协议,这使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据,相对于传统的HTTP协议有很大进步。
- WebRTC (Web Real-Time ***munications) 是一项实时通讯技术,它允许网络应用或者站点,在不借助中间媒介的情况下,建立浏览器之间点对点(Peer-to-Peer)的连接,实现视频流和(或)音频流或者其他任意数据的传输。
- 本项目基于SpringBoot,使用websocket和webrtc技术,实现一个具有文字聊天(包括表情),音视频通话,文件/图片发送接收,离线消息和简易搜索功能的项目。项目主要功能特性如下:
-
采用springboot+websocket+webrtc+bootstrap5+H5+JQuery3.3+mysql5.7.2实现,运行项目前只需安装mysql并将项目中/sql/all.sql在数据库执行即可。
-
项目具有文字聊天(包括表情),音视频通话,文件/图片发送接收,离线消息和简易搜索功能
-
采用webrtc技术实现一对一视频聊天功能,使用websocket+springboot实现webrtc视频通话信令服务器,部署到公网实现公网互联需要部署stun服务器,推荐Coturn
-
根据websocket功能特性,服务端可自动向前端推送消息,用户上下线等,实时刷新数据。
-
消息可实现在线发送和离线发送,离线消息在用户登录后可见,用户未读消息数量提示.
-
使用ssl证书实现https安全访问(webrtc访问浏览器调用摄像头、麦克风要求使用https协议)。
-
项目启动后登录地址为https://localhost:8089 用户:孙悟空 密码:1234
git地址
github地址
gitee地址
后续会一直完善和增加功能,希望大家star下,谢谢大家