视频会议的前端

使用webrtc实现图像传输。

vue+elementui

视频通话

语音通话

共享桌面

大屏预览

聊天室

管理员控制成员视频麦克风等

不限制人数(人多可能会卡)

MeetingWeb\src\views\meeting里是视频会议功能的模块代码

index.vue webrtc、websocket和界面布局的主要实现

​ clients变量内存储所有人的信息，clients[0]固定为自己。clients[userId]根据userId存放所有参加会议的人的信息和webrtc链接

components内的Chat.vue封装了聊天室控件

components内的Preview.vue封装了顶部所有人的视频小窗看控件

先部署后端

https://github.com/nnn149/MeetingServer

然后全局替换ip， 具体看这次提交 https://github.com/nnn149/MeetingWeb/commit/77a8e09309eb49d252b328b854476dcd6c95dbb7

然后参照

https://github.com/PanJiaChen/vue-element-admin (npm run dev) 运行

删除https方法，这次commit提交对应的代码的全部删掉。

https://github.com/nnn149/MeetingWeb/commit/ef43a9af7d9e8a5855f7c7abb2bd04a3e080a878