Webrtc實時通信的構建流程：PeerConnection對等通信的實現方式

語言: CN / TW / HK

時間 2021-05-13 12:01:28 TSINGSEE

webrtc是一個實時通訊技術，很簡單的應用在web瀏覽器中應用實時通訊技術，包括音視頻通話。在使用webrtc技術時，瀏覽器端都已經基本封裝好，只要調用相應的api，就可實現簡單的通話，其中一個主要對象就是RTCPeerConnection 支持音頻和視頻媒體數據通信。本文我們就分享一下一套完整的對等通信是如何實現的。

瀏覽器端

1、創建webrtc對等連接方法。

let pc = new PTCPeerConnection({
iceServers: [{ urls: ’stun:stun.l.google.com:19302’ }]
})

2、通過瀏覽器api創建流（開啟攝像頭、桌面截屏和獲取canvas流）

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;這個是獲取的攝像頭流

3、再把攝像頭的流添加到webrtc流的軌道。

stream.getTracks.forEach(track => pc.addTrack(track))

4、以上步驟都創建好，下一步創建offer和answer把獲取到的sdp通過服務器進行數據交換，再傳遞ICE信息。最後監聽PTCPeerConnection裏面的方法ontrack來獲取到流。如果斷開也可監聽onconnectionstatechange方法來獲取斷開和錯誤的狀態。

c++ 端

c++端比js端複雜太多，但也是大致流程都差不多，稍微比較複雜。
1、先創建一個對等連接的工廠

peer_connection_factory_ = webrtc::CreatePeerConnectionFactory(
      nullptr /* network_thread */, nullptr /* worker_thread */,
      nullptr /* signaling_thread */, nullptr /* default_adm */,
      webrtc::CreateBuiltinAudioEncoderFactory(),
      webrtc::CreateBuiltinAudioDecoderFactory(),
      webrtc::CreateBuiltinVideoEncoderFactory(),
      webrtc::CreateBuiltinVideoDecoderFactory(), nullptr /* audio_mixer */,
      nullptr /* audio_processing */);

2、通過對等連接工程來創建一個對等連接的實例

webrtc::PeerConnectionInterface::RTCConfiguration config;
  config.sdp_semantics = webrtc::SdpSemantics::kUnifiedPlan;
  config.enable_dtls_srtp = dtls;
  webrtc::PeerConnectionInterface::IceServer server;
  server.uri = GetPeerConnectionString();
  config.servers.push_back(server);

  peer_connection_ = peer_connection_factory_->CreatePeerConnection(
      config, nullptr, nullptr, this);

3、獲取視頻和音頻流，並添加到peer_connection_中AddTrack方法。

視頻：

rtc::scoped_refptr<CapturerTrackSource> video_device =
      CapturerTrackSource::Create();
  if (video_device) {
    rtc::scoped_refptr<webrtc::VideoTrackInterface> video_track_(
        peer_connection_factory_->CreateVideoTrack(kVideoLabel, video_device));
auto result_or_error2 = peer_connection_->AddTrack(video_track_, {kStreamId});

音頻：

rtc::scoped_refptr<webrtc::AudioTrackInterface> audio_track(
	  peer_connection_factory_->CreateAudioTrack(
		  kAudioLabel, peer_connection_factory_->CreateAudioSource(
			  cricket::AudioOptions())));
  auto result_or_error = peer_connection_->AddTrack(audio_track, { kStreamId });

4、也是發起端創建offer，遠端創建answer來交換sdp信息，在監聽OnIceCandidate方法，並傳遞ice，這樣本地也遠端都可以實時通信。

「其他文章」