博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
搭建WebRtc环境
阅读量:4986 次
发布时间:2019-06-12

本文共 1926 字,大约阅读时间需要 6 分钟。

http://www.cnblogs.com/wunaozai/p/5520084.html

0.前言

这次的需求,准备做的是一个类似与QQ视频一样的点对点视频聊天。这几天了解了一些知识后,决定使用HTML5新支持的WebRtc来作为视频通讯。客户端使用支持HTML5浏览器即可。服务器段需要提供两个主要的服务功能,一个是信令服务器(Signaling Server),一个是NAT穿透服务器(ICE Server)。简单的框架图如下:

1.安装e2esoft vcam 虚拟摄像头

由于我本地是台式电脑,没有摄像头,另一方面,为了调试的方便,安装这个虚拟摄像头。

我是在这里下载的http://www.loveliao.com/downfiles/VCam_v4.5.exe

2.安装信令服务器

网上信令服务器大多是以nodejs写的。这里以skyrtc为例,进行演示。

1 apt-get install nodejs npm2 git clone https://github.com/LingyuCoder/SkyRTC-demo 3 cd SkyRTC-demo 4 npm install 5 nodejs server.js

这样浏览器访问本地http://localhost:3000就可以访问了。(主要chrome好像46以上版本,除了本地localhost和127.0.0.1本地调试外,其他的访问方式,必须要https。否则不能运行。PC端和移动端好像都是这样) Chrome报错如下:

这里准备用Firefox进行演示。移动端也是用Firefox进行演示。

手机端,用Firefox浏览器查看的效果。

 

3.安装coturn(开源的iceserver)

这个跟谷歌开源的rfc5766-turn-server 是类似的,这里我使用coturn

1 git clone https://github.com/coturn/coturn2 cd coturn3 ./configure 4 make 5 make install

安装后在coturn/examples/etc 目录下使用该命令执行

turnserver -o -a -f -v --mobility -m 10 --max-bps=100000 --min-port=32355 --max-port=65535 --user=ling:ling1234 --user=ling2:ling1234 -r demo

这样就启动好了,默认的监听端口是3478

4.修改WebRtc 客户端配置

修改Skyrtc-demo/publi/SkyRTC-client.js

免费公开的stun+turn 服务器 : 

5.运行,查看效果

root@debian-srv:~/workspace/SkyRTC-demo# nodejs server.js

浏览器打开两个页面

   

一个PC端 一个移动端

  

亲测,移动4G可以跟我当前的网络穿透成功,但是移动3G不行。其他的网络网络运营商没有测试。单靠这些,做着玩玩还可以,距离产品还差十万八千里呢。当下的网络还是比较复杂的,IPv4告急,有些ISP分配的IP的还有可能是内网的,有些大机构的网络还是对称性NAT。而对于对称型NAT是基本不能穿透的。要经过转发, 而转发视频对带宽的消耗是很大的。真的是希望IPv6早点普及。

 

参考资料:

  webrtc资料:  

  https://segmentfault.com/a/1190000000439103

  https://bitbucket.org/webrtc/codelab/overview
  https://github.com/LingyuCoder/SkyRTC-demo
  http://xiaol.me/2014/08/24/webrtc-stun-turn-signaling/
  http://www.mamicode.com/info-detail-513556.html 
  https://simplewebrtc.com/ 
  https://gist.github.com/yetithefoot/7592580

  ICEServer资料

  https://github.com/coturn/coturn

  http://www.cnblogs.com/lingdhox/p/4209659.html

 

本文地址: 

转载于:https://www.cnblogs.com/haiwei_sun/articles/6446171.html

你可能感兴趣的文章
逆向分析技术
查看>>
Latex
查看>>
SpringMVC处理JSON
查看>>
几何建模
查看>>
java crm 系统 进销存 springmvc SSM项目项目源码
查看>>
jQuery.extend 函数详解
查看>>
<jQuery> 一. jQuery简介及优点
查看>>
架构相关概念——学习笔记
查看>>
被称为“开发者神器”的GitHub,到底该怎么用?
查看>>
(坑集)Django环境配置
查看>>
利用padding-top/padding-bottom百分比,进行占位和高度自适应
查看>>
08ssm三大框架整合以前步骤
查看>>
R语言学习笔记之八
查看>>
正则表达式语法(msdn)
查看>>
MySQL 数据类型 详解 (转载)
查看>>
Maven学习笔记(一)
查看>>
分割线
查看>>
xls的读写
查看>>
用函数创建子进程
查看>>
Myeclipse配置插件
查看>>