强烈推荐您先查看这篇博客理解一下相关逻辑：https://blog.csdn.net/daiyi666/article/details/126751502

关键词

VUE视频通话 VUE3视频通话 Js视频通话 JavaScript视频通话 Web视频通话 网页视频通话 WebRTC视频通话 WebSocket+WebRTC视频通话

运行环境

前端

后端

安装

克隆前端代码到本地并安装依赖

克隆到本地

git clone https://gitee.com/daiyi-personal/video-call-vue.git

安装依赖

npm install

克隆后端代码到本地并安装依赖

git clone https://gitee.com/daiyi-personal/video-call-java.git

Maven导入依赖jar包

安装Peerjs Server

全局安装peer（管理员模式！！）

npm install peer -g

运行项目

运行Peer Server

peerjs --port 9000 --key peerjs

运行Java后台

运行前端

npm run serve

测试

由于没有ssl协议，所以只能在localhost环境下测试， Windows下不同浏览器无法调用同一个摄像头，所以用 谷歌浏览器开两个标签页表示两个客户端。

呼叫

接听

其他挂断、取消、拒绝通话功能均已实现，可以自行测试

测试地址：

https://video-call-vue.gose.life/ (仅供测试及学习使用，没有搭建trun服务器，且速度较慢)

支持

联系作者

微信：18380924397

邮箱：daiyi.lucky@gmail.com

star

您的star是对作者最大的认可

Gitee 前端: https://gitee.com/daiyi-personal/video-call-vue.git

后台: https://gitee.com/daiyi-personal/video-call-java.git

GitHub 前端: https://github.com/DaiYi666/video-call-vue.git

后台: https://github.com/DaiYi666/video-call-java.git

加群探讨

加入QQ群一起探讨问题及bug

打赏

如果您觉得这个demo对您有用； 不如请作者喝一杯可乐，一分两分皆是情，一块两块皆是爱。