其他分享
首页 > 其他分享> > 一天一个开发技巧:如何基于WebRTC建立P2P通信?

一天一个开发技巧:如何基于WebRTC建立P2P通信?

作者:互联网

以多维模型为核心,让工厂数字化转型升级“触手可及”!>>>watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

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

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

发起端

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、以下是本人总结的主要流程图。

watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=

标签:SDP,技巧,接收端,音视频,PeerConnection,P2P,websocket,方法,WebRTC
来源: https://blog.51cto.com/tsingsee/2950412