TSINGSEE青犀视频开发Webrtc建立P2P的流程分享

Posted 2021-06-29 TSINGSEE

目前EasyGBS平台已经支持Webrtc协议的视频流输出了，对我们来说是一个很大的进步。webrtc及时性、低延时的优势可以让视频输出行业达到一个新高度，本文我们主要是和大家分享一下开发过程中webrtc建立P2P的流程，流程主要分为两个部分，一个是发起端，一个是接收端，下面就这两个部分的运行详细讲解一下。

发起端

a、发起端创建websocket长连接。
b、创建PeerConnection对象，并主要监听onicecandiate、addstream和onconnectionstatechange方法。onicecandiate方法就是数据的收集，在通过websocket发送给接收端进行PeerConnection的addIceCandiate方法进行保存和设置；addstream方法就是获取到的远端流并进行播放；onconnectionstatechange方法就是PeerConnetion连接远端状态（connectioned代表连接成功，disconnected代表断开）。
c、打开本地音视频设备，并将音视频添加到PeerConnection对象上，用到的是addStream或addTrack（此方法只能添加单个流，可使用二次此方法来添加多流）方法。
d、使用PeerConnection的createOffer方法来获取SDP信息，SDP包含各种音视频编解码和加密等相关参数。
e、PeerConnection的setLocalDescription方法把改SDP保存设置进去，在通过websocket服务器发送给接收端。
f、发起端接收到接收端发送过来的SDP信息，并通过PeerConnection的setRemoteDescription方法保存设置进去。
g、这样就可进行相互通信。

接收端

a、接收端创建websocket长连接。
b、创建PeerConnection对象，并主要监听onicecandiate、addstream和onconnectionstatechange方法。onicecandiate方法就是数据的收集，再通过websocket发送给接收端进行PeerConnection的addIceCandiate方法进行保存和设置；addstream方法就是获取到的远端流并进行播放；onconnectionstatechange方法就是PeerConnetion连接远端状态（connectioned代表连接成功，disconnected代表断开）。
c、打开本地音视频设备，并将音视频添加到PeerConnection对象上，用到的是addStream或addTrack（此方法只能添加单个流，可使用二次此方法来添加多流）方法。
d、接收发送端发送过来的offer SDP信息，再通过PeerConnection的setRemoteDescription方法保存设置。
e、在使用PeerConnection的createAnswer方法来获取SDP信息，SDP里面也包含各种音视频等相关参数。并通过websocket服务器发送给发起端。
f、接收到发起端发送过来的SDP信息，并通过PeerConnection的setRemoteDescription方法保存设置进去。
这样就可以相互通信。

总结

1、a~c步骤是一样的；
2、相互设置对方的SDP和ICE信息；
3、监听PeerConnection的addstream来获取远端流；
4、以下是本人总结的主要流程图。