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

博客介绍了如何利用WebRTC在内网环境中实现音视频通话,并添加了录屏功能。前端采用Webrtc,后端为Node.js,源码已上传至GitHub。用户输入用户名和房间号即可进行通话,支持屏幕共享和摄像头选择。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

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

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

npm i

npm run build

node ./server/app.js

浏览器访问

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

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

不愁发量

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值