通过WebRTC实现实时视频通信（三）

àì夳堔傛蜴生んèń 2022-08-12 10:00 231阅读 0赞

![0643BFB082BA3A445BE0EB499DB99A50_B500_900_450_284.jpeg][]

> [通过WebRTC实现实时视频通信（一）][WebRTC]
> 
> [通过WebRTC实现实时视频通信（二）][WebRTC 1]
> 
> [通过WebRTC实现实时视频通信（三）][WebRTC 2]

在这篇文章中我们继续了解[**WebRTC**][WebRTC 3]的相关API，RTCPeerConnectiont和RTCDataChannel。

# RTCPeerConnection #

RTCPeerConnection是是WebRTC的组件，用来解决数据流通信的稳定性和高效性。下面这张是[**WebRTC**][WebRTC 3]的架构图，展示了RTCPeerConnection的规则，你会发现，绿色的部分是相当复杂的。

[![5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg][]][5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg 1]

从[JavaScript][]的角度来看，理解这个图最重要的是理解RTCpeerConnection这一部分。[**WebRTC**][WebRTC 3]对编解码器和协议做了大量的工作，使实时通信成为可能，甚至在一些不可靠的网络中。

[W3C code][W3C_code]从信号的角度展示了一个简单的例子，关于WebRTC流程的应用：演示RTCPeerConnection的例子。

## 没有服务器的RTCPeerConnection ##

下面的代码来自于 [webrtc-demos.appspot.com][]，这个demo是本地和远程RTCPeerConnection基于Web的连接。这个例子虽然没有什么实际的用处-请求和被请求方都在同一个页面上。但是可以从这个例子中可以更清楚的看出RTCPeerConnetion API的工作流程，它们可以直接通过RTCPeerConnection对象在页面上交换信息，而不需要使用中介的信号机制。

在这个例子中，pc1代本地端点（呼叫者 ），pc2代表远程端点（被呼叫者）。

。。。。

阅读原文：[通过WebRTC实现实时视频通信（三） ][WebRTC 2]

[0643BFB082BA3A445BE0EB499DB99A50_B500_900_450_284.jpeg]: http://m1.img.srcdd.com/farm4/d/2014/0923/16/0643BFB082BA3A445BE0EB499DB99A50_B500_900_450_284.jpeg
[WebRTC]: http://www.gbtags.com/gb/share/3909.htm
[WebRTC 1]: http://www.gbtags.com/gb/share/3930.htm
[WebRTC 2]: http://www.gbtags.com/gb/share/3929.htm
[WebRTC 3]: http://www.gbtags.com/gb/tag/1062.htm
[5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg
[5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/5a52dc3f-94f6-4699-8cf8-ecf3970ee708.jpg
[JavaScript]: http://www.gbtags.com/gb/tag/1004.htm
[W3C_code]: http://www.html5rocks.com/en/tutorials/webrtc/basics/#simpleRTCPeerConnectionExample
[webrtc-demos.appspot.com]: https://webrtc-demos.appspot.com/html/pc1.html