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

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

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

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

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

npm i

npm run build

node ./server/app.js

浏览器访问

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

vue + node + webrtc 实现多人音视频通话相关推荐

html5 视频语音对讲,一种基于WebRTC的多人语音视频通话方法及系统与流程
本发明涉及视频通话领域,特别涉及一种基于WebRTC的多人语音视频通话方法及系统. 背景技术: 随着互联网技术和通信技术的快速发展,人们的交流方式与交流内容得到了极大的丰富和发展.在节奏越来越快的信息 ...
linux 视频电话,多人音视频通话-Linux开发集成-SDK开发集成-音视频通话-网易云信开发文档...
多人音视频通话本章节介绍多人实时音视频通话的相关功能.多人实时音视频通话顾名思义是支持多个人同时进行实时音视频通话,可以选择纯音频模式,或音视频模式.在这里需要明确几个概念: 房间:房间就是用户进行 ...
android 微信缩小通话界面_Android仿微信多人音视频通话界面
工作中需要实现一个类似微信多人视频通话功能的界面,分别使用自定义viewgroup和自定义layoutmanager的方式进行了实现.最终工作中采用了layoutmanager,因为可以使用paylo ...
仿微信多人音视频通话界面
工作中需要实现一个类似微信多人视频通话功能的界面,分别使用自定义viewgroup和自定义layoutManager的方式进行了实现.最终工作中采用了layoutManager,因为可以使用paylo ...
webRTC——浏览器里的音视频通话
背景 webRTC是Google在2010年收购GIP公司之后获得的一项技术.如下图所示,它提供了音视频的采集.处理(降噪,回声消除等).编解码.传输等技术. webRTC的目标是实现无需安装任何插件 ...
webRTC——浏览器里的音视频通话 1
背景 webRTC是Google在2010年收购GIP公司之后获得的一项技术.如下图所示,它提供了音视频的采集.处理(降噪,回声消除等).编解码.传输等技术. webRTC的目标是实现无需安装任何插件 ...
基于TRTCCalling快速实现多人音视频通话
TRTCCalling SDK 基于 TRTC 和 TSignaling ,封装了简单易用的 API,接入后可快速实现 web 和 native 互通的1v1或群实时通话. 效果展示群视频通话语音 ...
Vue实现腾讯云_音视频通话的推拉流
目标:单对单通信大部分异步使用 async await 进行同步,try catch 捕获错误处理先放一个流程图,解决80%的问题安装 TRTC Web SDK 安装 npm install t ...
WebRTC：并非解决音视频应用所有问题的银弹
WebRTC1.0标准虽然已经定稿,但各个浏览器的实现都还不成熟,处于快速迭代中,网易云信CTO赵加雨针在接受LiveVideoStack采访时,针对实时通信技术演进.WebRTC国内外发展与趋势.以 ...

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

vue + node + webrtc 实现多人音视频通话相关推荐

最新文章

热门文章