webrtc入门简介

最近一直在研究webrtc的相关工作，在这里也直接坐下记录。

什么是WebRtc

webrtc是还未正式发布的一种视频通讯的新的解决方案，其核心在于通过浏览器来完成这一工作，只要你有浏览器你就可以使用(传统的视频还是通过浏览器嵌入flash插件，或者c++脚本来达到播放视频的效果)。
具体详情点击HERE

主要内容

webrtc的原理
webrtc在服务器端上的实现
webrtc在android端上的实现

webrtc的原理

webrtc在服务器端上的实现

在服务器端上的实现我们又可以分为两部分

webrtc在web上的实现
webrtc在后端的实现

webrtc在web上的实现

从上面的图片中我们可以看出来，对于web上实现最大的问题还是浏览器的支持，下面是支持webrtc的浏览器

从上面我们看到其实支持的浏览器还是比较少的，至于IE,Safari是打算做自己的WebRtc标准，当然这只是“小道消息”。
对于页面显示我们要借助与HTML5的Video标签

<div class="video_box">
     <video id="mini" muted="true" autoplay="autoplay" width='192'height='144'></video>
     <div id="videos" >
   </div>
</div>

Webrtc在web上主要用到下面几个API：

PeerConnection
RTCSessionDescription
getUserMedia

这三种API在不同浏览器中是不同的赋值方式，详情可参阅官方API

webrtc在服务器中的实现

在这里我们要提供两种东西，一种是单纯的socket交互，告诉用户端接下来要怎么做。另外一点就是要提供一个stunserver。
stunsever:因为我们使用Node.js来实现，所以我们使用一个modules----stunsrv

var stunServer = require('stunsrv').createServer();
stunServer.setAddress0("127.0.0.1");
stunServer.setAddress1('0.0.0.0'); //外网IP
stunServer.setPort0(9001);
stunServer.setPort1(9001);
stunServer.listen();

它的功能就是用于穿透路由器，比如在不同网段中聊天，我们首先要确定其在哪个公网ip，然后需要知道是在这个公网ip路由下的哪个本地ip，然后才能进行连接。

Socket:

socket主要由下面几个功能：

实现用户跟服务器之间的持续连接
告诉用户除了你还有谁
告诉用户与你要建立连接的用户所处的状态

通过以上几个功能便能实现用户p2p交流的基本功能了。

webrtc在android端上的实现

在很早之前，google已经在Android的源码中实现了webrtc的功能，但是并没有将此功能实现在大众面前而已。google已经实现了android和ios上的webrtc实现，具体可见HERE（在国内想要完成这个任务还是比较艰巨的）

最终我们要使用的是一个名字叫做libjingle_peerconnection的库，在这里面封装了WebRtc的API，详情可点击这里而实际上API的使用方式都是相同的，大家可以参照下巨人的例子来进行学习。

webrtc入门简介