前面关于webrtc 的介绍,我们知道webrtc是支持多个平台的,多款浏览器、ios、android 都是支持的。因为我个人是从事android 开发的,这里介绍在android 上是如果调用的。
在开始开发之前,我们得有个大体的概念,就是需要大体的知道webrtc协议各个模块是如何联系在一起的。
打个例子: A 需要和B 进行视频通话,现在决定采用webrtc 协议,实现p2p的连接,也就是A和B之间能直接进行媒体流的传输,不需要外加的媒体服务器进行转发。
在访问外网的时候,需要知道对方的ip + port,我们才能访问到指点的设备。而A和B在它们各自的路由局域网内,是不知道这个ip+port,它们各自的ip+port 是由路由分配的,这个分配ip+port,有个专业的名词,就是NAT,即网络地址转换。
A和B之间需要实现p2p连接,就需要知道自己本身的ip+port,然后告诉对方自己的这些信息,这样才能实现互联。这时stun服务器就派上用场了,A 和 B 分别向stun服务器发送请求,stun服务器会返回他们各自的ip+port,当然并不是所有的情况都能如愿获取到ip+port的,NAT有多种类型,如果路由本身做了限制,通过stun服务器是不能返回得到ip+port的。这时A和B之间要进行媒体的交流,就得靠turn 服务器了,turn服务器是个中转站,A和B 之间通信的所有媒体流,都是经过turn服务器进行转发的。
是采用stun还是turn服务器,这个会交由ICE来帮助我们决策,ICE是一个框架,主要任务就帮助我们建立双方的连接。
那么通过stun服务器,A、B都知道自己的ip+prot,那这个信息如何告诉对方呢,这个就是需要通过信令服务器了。A和B之间建立媒体连接,还需要知道对方各自处理流媒体的能力,这个信息也是通过信令服务器来转发的。信令服务器并不需要关心发送的内容,只需要负责信息的转发即可。
到目前为止,我们应该有个大体的概念了,比如要实现2台手机之间的互联,需要什么?
i. 简单的stun服务器、信令服务器的搭建,后面根据需要还要搭建turn服务器
ii. 手机端客户端代码的开发
网上已经有一些实现了的代码,我的习惯是参考别人的代码,再在这个基础上去理解整个流程,然后在别人的基础上,可以添加自己想要的功能模块。
开源项目:
一、
Android 客户端:https://github.com/pchab/AndroidRTC
信令服务器:https://github.com/pchab/ProjectRTC
这个工程对我们理解webRtc的通信过程,还是很有帮助的,代码量很少,逻辑也很清晰。信令服务器是用nodejs。
不过这个项目也有缺点,就是里面的jar包是比较旧的了,所以在使用的过程中可能会遇到jar里面代码出现crash的情况。
我本地的代码,信令服务器端是做了小的改动,支持2个连接客户端可以对连。参考网上其他哥们的想法(https://blog.csdn.net/rd_w_csdn/article/details/56280641),在第二个客户端连接上来时,会发信息给第一个连接的客户端,第一个客户端接收到消息后,会向第二个客户端发起连接请求,这样2个客户端就可以实现对连了。
i. 运行web端信令服务器
npm install
node app.js
app.js 中可以配置配置端口号
ii.运行android 客户端
工程中修改下信令服务器地址和自己对应的端口号
iii. 上面的演示,是在局域网内的,如果是采用4g对连的,就需要配置stun 和turn服务器了,只是采用stun服务器的话,4g 和wifi 之间的对连,测试发现是实现不了对连的,所以最后还是得搭建trun服务器。
android 端添加stun或者turn服务器地址,可以按照代码中的示例添加。
二、
Android WebRTC完整入门教程04: 多人视频
https://www.jianshu.com/p/8c10146afd6c
这个工程,关于webRTC 作者写了一系列的教程,我只看了多人视频的,demo最多可以支持4路视频对连。
三、
Android 客户端: https://github.com/ddssingsong/webrtc_android
Web服务端:https://github.com/ddssingsong/webrtc_server
这个工程,功能就比较完整了,可以切换前后摄像头,开启/关闭摄像头、声音等。不过web服务端我没跑起来,我本地npm install,node server.js 有个异常,自己没有解决掉。
四、上面有说的,工程3的服务端没有跑起来,然后我又想要用工程3的代码框架,然后后面就自己修改了下android 端代码,信令服务端是采用的工程2的。
image这篇文章一直没有贴代码,一方面是前面的文章,对webRtc的流程也有介绍,代码逻辑也就是按照哪个流程来写的。另一方面,自己目前参考的代码也都是别人写的,自己也是参考学习,所以这里就不贴代码分析了。
2019.08.18 周日 深圳 11:14 雨
网友评论