webrtc 快速搭建 视频通话 视频会议 （亲测半个小时搭建成功）

最新推荐文章于 2024-05-24 12:34:10 发布
置顶 最新推荐文章于 2024-05-24 12:34:10 发布
阅读量6.5w 收藏 544
点赞数 92
分类专栏： # webrtc 文章标签： webrtc 视频会议 视频通话 coturn skyrtc
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011077027/article/details/86225524
版权

今日名言
我相信每个赤诚忠厚的孩子，都曾在心底向父母许下孝的宏愿，相信来日方长，相信水到渠成，相信自己必有功成名就衣锦还乡的那一天，可以从容尽孝。
可惜人们忘了，忘了时间的残酷，忘了人生的短暂，忘了世上有永远无法报答的恩情，忘了生命本身不堪一击的脆弱

前言

经群里很多人反映搭建服务器遇到问题，我这里将搭建过程重新梳理一遍，希望能有帮助，这里贴上项目地址

Android：https://github.com/ddssingsong/webrtc_android

Node服务器：https://github.com/ddssingsong/webrtc_server_node

Java服务器：https://github.com/ddssingsong/webrtc_server_java/tree/nodejs_copy
java版需要看清楚分支是：nodejs_copy

文章目录

1. 前置条件

  • 首先你需要有一台linux服务器，windows的也可以，请自行搞定

  • 一些 简单工具应该先装好

    如：git、make、gcc之类的

2. 安装node和npm

下载官网最新nodejs：https://nodejs.org/en/download/

wget https://nodejs.org/dist/v10.16.0/node-v10.16.0-linux-x64.tar.xz

安装

# 解压
tar -xvf node-v10.16.0-linux-x64.tar.xz
# 改名
mv node-v10.16.0-linux-x64 nodejs
# 进入目录
cd nodejs/

# 确认一下nodejs下bin目录是否有node和npm文件，如果有就可以执行软连接
sudo ln -s /home/dds/webrtc/nodejs/bin/npm /usr/local/bin/
sudo ln -s /home/dds/webrtc/nodejs/bin/node /usr/local/bin/

**看清楚，上面软链接的路径是你自己创建的路径，我的路径是/home/dds/webrtc/nodejs**

#查看是否安装
node -v 
npm -v 

# 注意，ubuntu 有的是需要sudo,如果不想sudo,可以软链接到当前用户目录
sudo ln -s /home/dds/webrtc/nodejs/bin/node /usr/bin/

3. coturn穿透和转发服务器

3.1 ubuntu安装

ubuntu的话直接用apt安装就行了

sudo apt install coturn

3.2 centos安装

centos或者其他的系统根据下面的方式进行安装

安装依赖

Ubuntu, Debian, Mint:		
		$ sudo apt-get install libssl-dev（必须）
		$ sudo apt-get install libsqlite3 (or sqlite3)
		$ sudo apt-get install libsqlite3-dev (or sqlite3-dev)
		$ sudo apt-get install libevent-dev（必须）
		$ sudo apt-get install libpq-dev 
		$ sudo apt-get install mysql-client
		$ sudo apt-get install libmysqlclient-dev
		$ sudo apt-get install libhiredis-dev

Fedora:		
    	$ sudo yum install openssl-devel
		$ sudo yum install sqlite
		$ sudo yum install sqlite-devel
		$ sudo yum install libevent
		$ sudo yum install libevent-devel
		$ sudo yum install postgresql-devel
		$ sudo yum install postgresql-server
		$ sudo yum install mysql-devel
		$ sudo yum install mysql-server
		$ sudo yum install hiredis
		$ sudo yum install hiredis-devel

编译安装coturn

git clone https://github.com/coturn/coturn 
cd coturn 
./configure 
make 
sudo make install

3.3 配置相关

查看是否安装成功

## 如果能够找到就说明已经安装成功
which turnserver

根据自己的安装目录，配置文件/usr/local/etc/turnserver.conf 或者/etc/turnserver.conf

我的目录是 /usr/local/etc/turnserver.conf
配置 如下

verbose
fingerprint
lt-cred-mech
realm=test 
user=ddssingsong:123456
stale-nonce
no-loopback-peers
no-multicast-peers
mobility
no-cli

或者下面这个配置，只配置stun（stun-only）

listening-ip=本地ip
listening-port=3478
#relay-ip=0.0.0.0
external-ip=外网ip
min-port=59000
max-port=65000
Verbose
fingerprint
no-stdout-log
syslog
user=ddssingsong:123456
no-tcp
no-tls
no-tcp-relay
stun-only
# 下面是配置证书，不懂就问后端人员怎么用openssl生成这个
cert=pem/turn_server_cert.pem 
pkey=pem/turn_server_pkey.pem 
#secure-stun

更详细的配置请看

https://github.com/ddssingsong/webrtc_server/blob/master/coturn/turnserver.conf

3.4 启动相关

# 如果按照上面的配置直接运行
turnserver

# 如果没有配置上述配置文件，可采用其他运行方法
/usr/local/bin/turnserver --syslog -a -f --min-port=32355 --max-port=65535 --user=dds:123456 -r dds --cert=turn_server_cert.pem --pkey=turn_server_pkey.pem --log-file=stdout -v

--syslog 使用系统日志
-a 长期验证机制
-f 使用指纹
--min-port   起始用的最小端口
--max-port   最大端口号
--user=dds:123456  turn用户名和密码
-r realm组别
--cert PEM格式的证书
--pkey PEM格式的私钥文件
-l, --log-file,<filename> 指定日志文件
-v verbose


#请根据需要选择

测试地址，请分别测试stun和turn，relay代表turn

https://webrtc.github.io/samples/src/content/peerconnection/trickle-ice/

在这里插入图片描述

4. 安装webrtc服务器和浏览器端

  1. 下载 代码

    # 代码检出来
git clone https://github.com/ddssingsong/webrtc_server_node.git  
cd webrtc_server

  2. 修改/public/dist/js/SkyRTC-client.js，设置穿透服务器

       var iceServer = {
        "iceServers": [
          {
            "url": "stun:stun.l.google.com:19302"
          },
          {
            "url": "stun:118.25.25.147:3478"
          },
          {
             "url": "turn:118.25.25.147:3478",
             "username":"ddssingsong",
             "credential":"123456"
          }
        ]
    };

  3. 修改/public/dist/js/conn.js

    ## 最后一行

##  如果没有配wss代理

rtc.connect("ws:" + window.location.href.substring(window.location.protocol.length).split('#')[0], window.location.hash.slice(1));

如果配了nginx wss代理
rtc.connect("wss:" + window.location.href.substring(window.location.protocol.length).split('#')[0]+"/wss", window.location.hash.slice(1));

# 后面的那个“/wss”是根据自己配的代理路径

  4. 运行

    # cd到项目路径

# 安装依赖
npm install

# 运行
node server.js

其实到了这一步就可以测试客户端了，往下看获取线上部署详情

客户端测试可以不使用nginx配置代理，只需要使用ws即可

5. 安装nginx

如果是ubuntu的话还是可以使用apt安装

sudo apt-get install nginx

centos按照下面的方式进行

  1. 安装依赖

    yum install -y gcc gcc-c++ autoconf automake make zlib zlib-devel openssl openssl-devel pcre pcre-devel

  2. 编译安装nginx

    wget -C http://nginx.org/download/nginx-1.12.0.tar.gz
tar xvf nginx-1.12.0.tar.gz
cd nginx-1.12.0

./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module

make 

sudo make install

  3. 生成证书，这个只是简单的生成，请慎重对待

    # 移动到目录，下面会用到
cd /
sudo mkdir cert
ce cert

# 生成服务器证书key
sudo openssl genrsa -out cert.pem 1024

# 生成证书请求,需要你输入信息，一路回车就行，不要输入内容
sudo openssl req -new -key cert.pem -out cert.csr

# 生成crt证书
sudo openssl x509 -req -days 3650 -in cert.csr -signkey cert.pem -out cert.crt

  4. 修改 配置文件/usr/local/nginx/conf/nginx.conf或者/etc/nginx/nginx.conf,没有的话自己找一下

    将下面的内容帖进去就行了

    user www-data;
worker_processes auto;
pid /run/nginx.pid;
include /etc/nginx/modules-enabled/*.conf;

events {
	worker_connections 768;
	# multi_accept on;
}

http {
	sendfile on;
	tcp_nopush on;
	tcp_nodelay on;
	keepalive_timeout 65;
	types_hash_max_size 2048;

	include /etc/nginx/mime.types;
	default_type application/octet-stream;


	ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
	ssl_prefer_server_ciphers on;

	access_log /var/log/nginx/access.log;
	error_log /var/log/nginx/error.log;

	gzip on;

	include /etc/nginx/conf.d/*.conf;
	include /etc/nginx/sites-enabled/*;
	
	 #代理https
	upstream web {
			server 0.0.0.0:3000;      
        }
	#代理websocket
	upstream websocket {
			server 0.0.0.0:3000;   
        }
        
	server { 
		listen       443; 
		server_name  localhost;
		ssl          on;

		ssl_certificate     /cert/cert.crt;#配置证书
		ssl_certificate_key  /cert/cert.key;#配置密钥

		ssl_session_cache    shared:SSL:1m;
		ssl_session_timeout  50m;
		ssl_protocols TLSv1 TLSv1.1 TLSv1.2 SSLv2 SSLv3;
		ssl_ciphers  HIGH:!aNULL:!MD5;
		ssl_prefer_server_ciphers  on;

    
	#wss 反向代理  
	location /wss {
		proxy_pass http://websocket/; # 代理到上面的地址去
		proxy_read_timeout 300s;
		proxy_set_header Host $host;
		proxy_set_header X-Real_IP $remote_addr;
		proxy_set_header X-Forwarded-for $remote_addr;
		proxy_set_header Upgrade $http_upgrade;
		proxy_set_header Connection 'Upgrade';	
  }
	#https 反向代理
	location / {
		proxy_pass         http://web/;
		proxy_set_header   Host             $host;
		proxy_set_header   X-Real-IP        $remote_addr;
		proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
  }
 }
}

  5. 开启nginx

    #查看是否开启
ps -ef|grep nginx

#改变配置文件重启nginx
sudo nginx -s reload

6. 测试浏览器

#访问

https://serverIp#roomName

如：
外网：https://192.168.1.123/#123
内网：http:192.168.1.123:3000#123

# 查看效果，其中roomName为进入的房间名，不同房间的用户无法互相通话

7. 测试客户端

将这个项目下下来使用 android studio 编译并安装

## 看清楚分支，项目一直在开发中，所以请使用固定分支测试，一般使用branch_nodejs分支测试，master和dev是最新代码
https://github.com/ddssingsong/webrtc_android

修改WebrtcUtil.java，要去掉界面上的地址哦

    // turn and stun
    // 外网测试才需要
    private static MyIceServer[] iceServers = {
            new MyIceServer("stun:stun.l.google.com:19302"),
            new MyIceServer("118.25.25.147:3478?transport=udp"),
            new MyIceServer("118.25.25.147:3478?transport=udp",
                    "ddssingsong",
                    "123456"),
            new MyIceServer("118.25.25.147:3478?transport=tcp",
                    "ddssingsong",
                    "123456"),

    };

    // 外网测试
    private static String WSS = "wss://47.254.34.146/wss";

    //本地内网信令地址
    private static String WSS = "ws://192.168.1.122:3000";

8. 好了，基本完成

在这里插入图片描述

如上述过程有问题请到github上提出你的问题，我会抽时间回复的

别忘了，github关注一下哦

https://github.com/ddssingsong

ddssingsong
关注
  • 92
    点赞
  • 踩
  • 544
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 115
    评论
专栏目录
详解WebRTC——网页实时通信技术
yinshipin007的博客
08-05 1056
简介全称是： Web browser Real Time Communication 特点如下： 应用场景适用于网页间音视频实时通信，点对点数据共享，QQ、腾讯视频已有应用优势1.方便。对于用户来说，在WebRTC出现之前想要进行实时通信就需要安装插件和客户端，但是对于很多用户来说，插件的下载、软件的安装和更新这些操作是复杂而且容易出现问题的，现在WebRTC技术内置于浏览器中，用户不需要使用任何插件或者软件就能通过浏览器来实现实时通信。 2.免费。虽然WebRTC技术已经较为成熟，其集成了最佳的音/视频引
5分钟搭建一个WebRTC视频聊天
09-14
主要介绍了WebRTC视频聊天，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
java版本使用springboot vue websocket webrtc实现视频通话
weixin_44327322的博客
02-22 2901
使用springboot websocket webrtc实现视频通话
开源网页视频会议，WebRTC音视频功能比较
最新发布
fangji999的专栏
05-24 949
开源网页视频会议，WebRTC音视频功能比较
基于Chrome、Java、WebSocket、WebRTC实现浏览器视频通话
孙建军的博客
12-12 4211
http://blog.csdn.net/leecho571/article/details/8146525   基于Chrome、Java、WebSocket、WebRTC实现浏览器视频通话 分类： Java HTML5 WebSocket WebRTC2012-11-04 13:04 6598人阅读 评论(14) 收藏 举报 目录(?)[+]
JAVA webRtc的实现视频会议系统
热门推荐
Ares_Basic的专栏
10-22 1万+
今天很不开心 。拿这个项目去
websocket 局域网 webrtc 一对一 多对多 视频通话 的示例
Don't Look Down的博客
03-30 1974
基本介绍 使用websocket来 WebRTC 建立连接时的 数据的传递和交换。 WebRTC 建立连接时，通常需要按照以下顺序执行一些步骤： 1.创建本地 PeerConnection 对象：使用 RTCPeerConnection 构造函数创建本地的 PeerConnection 对象，该对象用于管理 WebRTC 连接。 2.添加本地媒体流：通过调用 getUserMedia 方法获取本地的音视频流，并将其添加到 PeerConnection 对象中。这样可以将本地的音视频数据发送给远程对等方。 3
王学岗——钉钉视频会议实战，从零手写音视频会议项目
qczg_wxg的博客
08-06 618
哥伦布编码
WebRTC，音视频会议底层支撑技术解读
yinshipin007的博客
04-04 263
WebRTC 是 Web Real-Time Communication 的缩写，是谷歌在 2011 年推出的一种技术，可以实现跨网络和本地浏览器的实时音频、视频和数据传输。它的使命是为浏览器、移动平台和物联网设备开发构建丰富的、高质量的RTC应用，并允许它们都通过一套通用的协议进行通信。WebRTC允许应用使用P2P通信。WebRTC是一个广泛的话题，在本文中，我们将重点讨以下问题。为什么Web RTC 如此受欢迎？在P2P连接过程中会发生什么信号传递NATs和ICE。
1.1什么是WebRTC
chezabo6116的博客
11-23 1004
特别是图中的PeerConnection为Web为Web开友人员提供了一个抽象，从复杂的内部军构中抽象出来我们只需要关注PeerConnection这个对象即可以开发音视频通话应用内。从官网上的描述我们可以知道，WebRTC是一个免费的开放项目，它通过简单的API为浏览器和移动应用程序提供实时通信（RTC）功能。(2）蓝色实线部分是面向浏览器厂商的API层。(3）蓝色虚线部分浏览器厂商可以自定义实现。上图的框架对于不同的开发人员关注点不同。(1）紫色部分是Web应用开发者API层。
教你用WebRTC撸一个多人视频聊天
sinat_39726996的博客
08-04 2517
之前公司准备用 webRTC 来实现视频聊天，研究了几天，撸了个 demo 出来，(虽然最后并没有采用这项技术,囧)，但是还是写一个出来吧！ WebRTC简单介绍 WebRTC (Web Real-Time Communication) 是一个可以用在视频聊天，音频聊天或P2P文件分享等Web App中的 API。- MDN 目前这项Web技术支持的浏览器有chrome, firefox和safari。 WebRTC 有三个主要的API getUserMedia - 采集本地音频和视频流 RTCPee
webrtc android demo 源码
03-17
该webrtc android demo为linux编译webrtc后自动生成的demo
python期末大作业-基于WebRTC的视频会议系统.zip
06-24
python期末大作业-基于WebRTC的视频会议系统。已经通过的高分项目。python期末大作业-基于WebRTC的视频会议系统。已经通过的高分项目。python期末大作业-基于WebRTC的视频会议系统。已经通过的高分项目。python期末...
基于websocket+webrtc实现音视频通话demo，下载即可用
03-02
基于Java WebSocket 做信令服务器，使用webrtc浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。从而实现音视频通话。下载启动 输入http://localhost 就可使用
WebRtc音视频通话demo
11-10
WebRTC（Web Real-Time...总之，“WebRtc音视频通话demo”为Android开发者提供了一个快速实现音视频通话功能的基础框架，通过学习和理解这个示例，开发者可以更深入地掌握WebRTC技术，进而构建出更多复杂和高效的应用。
webrtc实时音视频通话
07-13
webrtc实时音视频通话功能, 可创建聊天室
SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能，Vue视频通话，web视频通话，webrtc视频通话
daiyi666的博客
09-07 1万+
SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能 视频通话，Java，Spring Boot，WebRTC，PeerJs VUE视频通话 VUE3视频通话 Js视频通话 JavaScript视频通话 Web视频通话 网页视频通话 WebRTC视频通话 WebSocket+WebRTC视频通话 SpringBoot+WebSocket+Vue+PeerJs实现WebRTC视频通话功能
Webrtc半小时搭建视频通话 视频会议
Tonny_007的IT家园
11-23 748
webrtc
基于sip和webrtc的音视频通话
07-23
### 回答1： 基于SIP（会话发起协议）和WebRTC（Web实时通信）的音视频通话是一种先进的通信技术。 SIP是一种信令协议，用于建立、修改和终止多媒体通讯会话。它提供了一种灵活的方式，可以实现语音、视频、即时消息等多种通信媒体的传输。SIP基于IP网络，可以在各种网络环境下使用。 WebRTC是一种开放的实时通信技术，可以在网页浏览器中直接使用，无需安装插件或其他软件。它提供了实时音频和视频通信的能力，并支持数据传输和文件共享。WebRTC通过使用JavaScript API和RTCPeerConnection建立点对点连接，实现了浏览器之间的直接通信。 基于SIP和WebRTC的音视频通话结合了SIP的信令和WebRTC的音视频传输能力。当两个或多个终端需要进行音视频通话时，首先使用SIP建立会话连接，并交换IP地址和端口信息。然后，使用WebRTC建立点对点的音视频传输通道，进行音频和视频数据的传输和实时编解码。 基于SIP和WebRTC的音视频通话具有很多优点。首先，它可以在各种终端设备上使用，包括计算机、手机和平板电脑。其次，它可以在不同的网络环境下使用，包括有线网络和无线网络。此外，它提供了高质量的音视频传输，具有低延迟和稳定性。 总的来说，基于SIP和WebRTC的音视频通话是一种先进的通信技术，能够实现高质量、实时的音视频通信。它在各种应用场景中都有广泛的应用，包括在线教育、视频会议、远程医疗等。 ### 回答2： 基于SIP（会话初始协议）和WebRTC（网络实时通信）的音视频通话是一种基于互联网的实时通信技术，可以在不同设备和平台之间进行高质量的音频和视频通话。 SIP是一种通信协议，用于建立、修改、终止多媒体会话，如音视频通话。它可以在IP网络上传输标准化的语音、视频和其他媒体数据。SIP使用URI（统一资源标识符）作为用户标识，并通过SIP服务器进行信令交换和媒体协商。 WebRTC是一组技术，允许网页和移动应用在不需要任何插件或额外软件的情况下，通过浏览器直接进行音视频通信。WebRTC使用了一些开放标准，如实时传输协议（RTP）和实时传输控制协议（RTCP）来传输媒体数据。 基于SIP和WebRTC的音视频通话有以下优点： 1. 跨平台支持：由于WebRTC是基于Web技术，可以在多种设备和平台上运行，包括PC、Mac、移动设备等。 2. 实时性强：音视频通话可以实时进行，避免了延迟和高延迟对通信的影响。 3. 便捷性：使用SIP和WebRTC进行音视频通话不需要额外的软件和插件，用户只需要拥有一个支持WebRTC的浏览器。 4. 高质量：由于SIP和WebRTC使用了先进的编解码算法和传输协议，音视频通话可以达到高质量的传输效果。 5. 安全性：SIP和WebRTC提供了一些安全机制，如加密传输和身份验证，保护音视频通话的隐私和安全性。 综上所述，基于SIP和WebRTC的音视频通话是一种灵活、跨平台、实时性强、高质量和安全的通信方式，为用户提供了更便捷和高效的交流体验。
评论 115
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ddssingsong

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

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

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

打赏作者

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

抵扣说明：

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

余额充值