WebRTC 实现P2P音视频通话——搭建stun/turn P2P穿透和转发服务器

已于 2022-04-08 16:33:16 修改
阅读量8.5k 收藏 21
点赞数 4
文章标签： webrtc 音视频 服务器 p2p
于 2022-03-19 13:41:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FF_lz/article/details/123588949
版权

WebRTC 实现P2P音视频通话

WebRTC 实现P2P音视频通话——搭建信令服务器

WebRTC 实现P2P音视频通话——搭建stun/turn P2P穿透和转发服务器

文章目录

前言

WebRTC 实现P2P音视频通话系列记录了从零->搭建信令服务器->搭建stun/turn P2P穿透和转发服务器->WebRTC P2P音视频通话。
WebRTC 实现P2P音视频通话——搭建stun/turn P2P穿透和转发服务 本文将在公网服务器主机上使用coturn搭建一个穿透和转发服务器。
Coturn集成了stun+turn协议,实现NAT检测，穿透就需要通过stun协议， NAT检测无法进行穿越时就需要通过turn服务进行流媒体的转发了，而coturn就是将两者协议进行整合并进行择优优化， 在WebRTC端到端音视频传输 stun/turn 穿透和转发是必不可少的 (除非自己实现一个流媒体服务器)。

环境：

1.公网服务器主机或内网主机(内网验证，需要在同一内网)，只是临时做验证可以使用阿里云实验室，两小时免费阿里云实验室
2.Ubuntu Ubuntu Server 20.04 LTS 64bit

一、安装Coturn

通过SSH进入服务器主机

ssh 用户名@IP地址 例如：ssh root@192.168.1.1

拉取coturn源码 并进入

git clone https://github.com/coturn/coturn

提示 -bash: /usr/bin/git: No such file or directory 时就需要安装一下git了

apt install git

进入coturn 目录下，配置coturn并指定–prefix安装路径

cd coturn
./configure --prefix=/usr/local/coturn

配置过程中碰到的问题

ERROR: pkg-config not found
示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
apt install pkg-config

ERROR: OpenSSL Crypto development libraries are not installed properly in required location.在这里插入图片描述
apt install libssl-dev

ERROR: Libevent2 development libraries are not installed properly in required location.
ERROR: may be you have just too old libevent tool - then you have to upgrade it.在这里插入图片描述
apt install libevent-dev

安装好相关依赖库，在重新./configure
在这里插入图片描述
配置成功后就可以编译，安装了

make & make install

二、配置环境变量及Coturn

1.配置环境变量

修改bashrc配置文件

vi ~/.bashrc

最文件最后添加coturn的安装路径

export PATH=/usr/local/coturn/bin:$PATH:

在这里插入图片描述
重新应用bashrc配置文件

source ~/.bashrc

2.配置Coturn

先创建用户，密码并指定域名

turnadmin -a -u 用户名 -p 密码 -r 域名（给自己的域名）
turnadmin -a -u test -p 123456 -r wenpipi

进入到/usr/local/coturn/etc目录，拷贝一份turnserver.conf.default

cd /usr/local/coturn/etc
cp turnserver.conf.default turnserver.conf

在这里插入图片描述
修改拷贝出来的配置文件turnserver.conf

vi turnserver.conf

修改下面👇对应的值

#监听端口
#公网ip
#用户名:密码
#域名。需要跟创建用户，启动时的相同
listening-port=3478 
external-ip=139.196.187.17 
user=test:123456
realm=wenpipi

以上配置完成，就可以启动turnserver了

turnserver -o -a -f -v -r wenpipi

在这里插入图片描述
查看活跃端口，就能看到启动的turnserver服务了

netstat -ntpl

在这里插入图片描述

效果

通过webrtc提供的检测网站进行检测:检测地址https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/
在这里插入图片描述

以上搭建好stun/turn P2P穿透和转发服务器，下一步就可以实现WebRTC音视频采集，媒体协商并传输啦。

F小志
关注
  • 4
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
freeice:为您的WebRTC应用程序获取免费的随机STUN和TURN服务器
04-13
自由职业 freeice模块是为WebRTC应用程序获取随机STUN或TURN服务器的一种简单方法。 服务器列表（在此阶段只是STUN）就是从这个。 使用范例 以下内容演示了如何将freeice与： var freeice = require ( 'freeice' ) ; var quickconnect = require ( 'rtc-quickconnect' ) ; // initialise a configuration for one stun server var qcOpts = { room : 'icetest' , iceServers : freeice ( ) } ; // go ahead and connect quickconnect ( 'http://rtc.io/switchboard' , qcOpts ) . createData
WebRTC实现P2P文件传输
yinshipin007的博客
08-31 1020
本文讲的是利用WebRTC中的RTCPeerConnection的能力如何实现P2P通信的，在文末还有demo实现了P2P传输文件的应用，P2P传输文件的好处就是可以在同一内网的两台机器直接通过内网传输。本文涉及的技术点会有点多，我会先从介绍WebRTC和P2P开始，然后围绕WebRTC建立P2P连接的过程了解所有的具体内容。
探索 Coturn：一款强大的实时传输协议服务器
最新发布
gitblog_00093的博客
03-19 1092
探索 Coturn：一款强大的实时传输协议服务器 项目地址:https://gitcode.com/coturn/coturn 在当今的互联网世界中，实时通信（RTC）已经成为我们日常生活和工作中不可或缺的一部分，无论是在线视频会议、游戏还是其他即时通讯应用。Coturn 是一个开源的实时传输协议（TURN）服务器，它为 RTC 应用提供了可靠的数据传输解决方案。通过 Coturn，开发者可以克服...
基于websocket+webrtc实现音视频通话demo，下载即可用
03-02
基于Java WebSocket 做信令服务器，使用webrtc浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。从而实现音视频通话。下载启动 输入http://localhost 就可使用
p2p-webrtc:通过WebRTC进行p2p视频通话连接
05-26
p2p-webrtc A Vue.js project about video communication 演示地址 项目概述 实现通过拨号方式建立点对点视频通话连接 详情请参考 安装 git clone npm i npm run build node server.js 本地部署 安装完之后，chrome 或者 firefox 浏览器访问 localhost:3000 线上部署 Nginx 反向代理 线上环境修改 Room.vue 中的 const socket = io.connect('https://yourdomain'); 如果部署到线上环境，可以配置 Nginx 反向代理，并且配置 SSL 证书（WebRTC 必须要使用安全协议，如：https & wss） 如下所示： server { listen 443 ssl;        ssl_certifi
blazorcam:WebRTC客户端和SignalR服务器用于P2P视频音频通话
05-12
WebRTC与Blazor WASM 我创建了这个项目，以作为WebRTC的参考，并作为基础项目的实现，以防将来的项目中需要它。 在HTML5之前，唯一的选择是使用Flash或Silverlight能够在Web上共享多媒体内容，这对我作为业余开发人员来说是禁止的。 WebRTC并不新鲜，但是比我上次做类似事情的尝试要新。 我从BlazorServer项目开始，因为我是C＃的忠实拥护者，并且希望尽可能多地使用它，而不必在服务器端的C＃和前端的Javascript之间切换。 但是，我发现WASM仍不支持某些功能，因此Blazor Server似乎是我的最佳方法。 通过创建一个空目录并运行以下命令来创建blazor服务器： dotnet new blazorserver 这将创建具有简单导航系统和一些示例页面的模板应用程序。 如果不需要，可以将其删除，以保持项目的清洁。 阅读了一些有
webrtc 内外穿透打洞，改了配置直接可以用（window版本）
09-07
webrtc内网穿透 打洞，window系统版本，直接改一下 ip等信息 直接启动起来 就可以用
webrtc源码阅读之P2P流程分析
qq_36383272的博客
06-28 800
本文我们从Offer端的角度进行源码分析，学习webrtc是如何进行P2P连接的。版本m98。
WebRTC：P2P音视频通话基础概述
farewellyi的博客
12-16 1344
简要介绍了媒体协商、网络协商、信令服务器的概念，以及NAT+STUN+TURN技术，ICE框架，以及一对一通话的实现原理
WebRTC之P2P
ywa037的博客
05-26 587
WebRTC之P2P StoneLiu999 2020-11-19 11:35:39 8...
实现WebRTC P2P连接
yinshipin007的博客
09-05 318
WebRTC是为了解决实时音视频传输问题，致力于提供免安装、免插件、免专利费，人人可用的高效便捷的实时流媒体传输。
webRTC信令服务器实现音视频聊天
04-23
本Demo使用Nodejs +socket.io搭建webRTC信令服务器， 实现了局域网的音视频聊天，可在局域网下两台电脑浏览器互相视频通话
Windows远程桌面实现之十三：浏览器客户端使用WebRTC传输，TCP的TURN中转传输（三）
fanxiushu的专栏
07-14 1965
写这篇文章正是基于以上各种网络通信原因，不得不实现 WebRTC中的TCP的TURN中转通信， 从而达到在浏览器端既能使用video标签进行高效渲染，也能很大程度上解决某些受限制的网络环境也能正常使用的问题。 总结起来就一点：在xdisp_virt中实现WebRTC的 TURN的TCP传输。 使用的webrtc依然是开源的亚马逊WebRTC。 不过TCP的TURN服务端是需要自己实现，因为我需要把它同 websocket，http/https等协议集成到同一个端口中， 这样使用起来更加方便。 ...
coTurn配置(主要是客户端登录验证）及验证原理分析
云上听风的博客
05-06 4674
想支持WebRTC服务器coTurn必须开启long-term credentials mechanism，也就是加上-a选项。 一、最简单不使用数据库直接设置密码 ./turnserver -a --no-tls --no-dtls --no-stun -u testuser:testpwd -r myrealm -v ./turnutils_peer -v ./tu...
COTURN服务器使用
热门推荐
day_day_up1991的博客
08-19 2万+
配置coturn，为apprtc提供穿透服务器
WebRTC 实现P2P音视频通话——搭建信令服务器
FF_lz的博客
03-17 7067
WebRTC 实现P2P音视频通话——搭建信令服务器
基于 WebRTC 的 P2P 文件传输
军火库
02-06 1434
WebRTC 是一个实时通信的技术，它提供了一套 API，可以让浏览器实现 P2P 通信，而且不需要额外的插件，这使得 WebRTC 成为了一种非常有前景的技术。在前面几篇文章中，我们已经介绍了 WebRTC 的基本概念和使用，包括音视频通话、屏幕共享、媒体流的处理，还有 WebRTC 与 Tensorflow.js 的结合。而这次，我将介绍 WebRTC 的另一个重要功能：P2P 文件传输。// 监听文件通道状态// 当文件通道状态发生变化时触发。
基于COTURN实现WebRTC的P2P项目
宫浩然的博客
01-09 2477
基于COTURN实现WebRTC的P2P项目
NAT穿越
edisonlg的专栏
08-14 3860
在现实Internet网络环境中，大多数计算机主机都位于防火墙或NAT之后，只有少部分主机能够直接接入Internet。很多时候，我们希望网络中的两台主机能够直接进行通信，即所谓的P2P通信，而不需要其他公共服务器的中转。由于主机可能位于防火墙或NAT之后，在进行P2P通信之前，我们需要进行检测以确认它们之间能否进行P2P通信以及如何通信。这种技术通常称为NAT穿透（NAT Traversal）。
vue+webrtc实现音视频通话
05-24
要使用Vue和WebRTC实现音视频通话，您可以使用WebRTC API。以下是一些步骤： 1. 首先，您需要创建一个新的Vue项目，您可以使用Vue CLI来创建。 2. 接下来，您需要使用WebRTC API来实现音视频通话。在Vue中，您可以使用Vue插件来轻松地使用WebRTC API。例如，您可以使用vue-webrtc插件。 3. 您需要在Vue组件中使用vue-webrtc插件。您可以在组件的模板中放置一个video标签，该标签将用于显示视频流。使用vue-webrtc插件，您可以轻松地与其他用户进行音视频通话。 4. 在Vue组件中，您可以使用WebRTC API来处理音视频流。您可以使用getUserMedia()函数获取本地视频流，并使用RTCPeerConnection对象将视频流发送到远程用户。使用RTCPeerConnection对象，您可以建立点对点连接，并在WebRTC流之间进行通信。 5. 最后，您需要使用Vue的事件来处理音视频通话中的各种情况，例如在连接断开时显示错误消息等。 这是一个简单的示例代码，演示如何使用Vue和WebRTC API实现音视频通话： ``` <template> <div> <video ref="localVideo" autoplay></video> <video ref="remoteVideo" autoplay></video> </div> </template> <script> import VueWebRTC from 'vue-webrtc' export default { name: 'VideoChat', components: { VueWebRTC }, data () { return { localStream: null, remoteStream: null, peerConnection: null } }, mounted () { this.startLocalVideo() }, methods: { startLocalVideo () { navigator.getUserMedia({ video: true, audio: true }, (stream) => { this.localStream = stream this.$refs.localVideo.srcObject = stream this.setupPeerConnection() }, (error) => { console.error(error) }) }, setupPeerConnection () { this.peerConnection = new RTCPeerConnection() this.peerConnection.onicecandidate = (event) => { if (event.candidate) { // send candidate to remote user } } this.peerConnection.onaddstream = (event) => { this.remoteStream = event.stream this.$refs.remoteVideo.srcObject = event.stream } this.peerConnection.addStream(this.localStream) // create offer and send to remote user } } } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值