vue + node + webrtc 实现多人音视频通话

最近在搞一个内网音视频通话的功能,最终确定前端要用webrtc去实现,网上关于webrtc的文章不是很多,想找一个demo也很难,最终在gitee上找到一个大佬写的,很符合目前需求,前端js后台是node,直接扒过来用写在vue中,改了一下,可以正常使用。上图,后续我又加了一个录屏的功能。

vue + node + webrtc 实现多人音视频通话_第1张图片

 可以选择屏幕共享也可以使用摄像头。

vue + node + webrtc 实现多人音视频通话_第2张图片

输入一个用户名后点击连接,然后输入一个房间号,加入房间,另一台设备用户名换一个房间号用同一个即可使用。

源码放在github上  https://github.com/glglyyds/-

npm i

npm run build

node ./server/app.js

浏览器访问

https://本机ip:8103/#/

你可能感兴趣的:(vue,音视频,前端,vue,node.js)