0 Star 35 Fork 22

Dai Yi / video-call-vue

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

关键词

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

运行环境

前端

名称 版本号
操作系统 Windows 11
VUE 3.2.13
Node js 18.15.0

后端

名称 版本号
操作系统 Windows 11
IntelliJ IDEA 2022.3.3
Java 1.8.0_291
Spring Boot 2.7.10

安装

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

克隆到本地

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

安装依赖

npm install

img_3.png

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

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

Maven导入依赖jar包

img_2.png

安装Peerjs Server

全局安装peer(管理员模式!!)

npm install peer -g

img_1.png

运行项目

运行Peer Server

peerjs --port 9000 --key peerjs

img_4.png

运行Java后台

img_5.png

运行前端

npm run serve

img_6.png

测试

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

img_7.png

呼叫 img_8.png

接听 img_9.png

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

支持

联系作者

微信: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 img_12.png

打赏

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

img_11.png

空文件

简介

VUE视频通话 VUE3视频通话 Js视频通话 JavaScript视频通话 Web视频通话 网页视频通话 WebRTC视频通话 WebSocket+WebRTC视频通话 SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/daiyi-personal/video-call-vue.git
git@gitee.com:daiyi-personal/video-call-vue.git
daiyi-personal
video-call-vue
video-call-vue
master

搜索帮助