最近一直在研究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的使用方式都是相同的,大家可以参照下巨人的例子来进行学习。