构建基于浏览器的Web P2P网络直播

摘要

在2021年的互联网时代，越来越多的网络直播节目相继涌现。浏览器是用户最易接触的渠道之一，聚集了大量观看直播的用户。当用户们同时观看直播内容时，服务器承受的负载随着用户量的增加而增大，会导致播放的卡顿，延迟等用户体验的下降；而且高昂的服务器带宽成本也不容忽视。

那么是否存在一套解决方案，在保证用户体验与服务质量的前提下，又可以有效的降低服务器的负载与带宽呢？那就是接下来要介绍的Web P2P技术了。

一、Web P2P的前世今生

2010年，Adobe在Flash Player 10.0推出了实时流媒体RTMFP，使用RTMFP在Flash Player之间进行P2P成为可能。在随后的几年内，该协议在网络上如雨后春笋般的被广泛部署，但是从2020年末开始，各家的浏览器都已经彻底不支持Flash了。我们又应该如何在Web里面使用P2P呢？

诞生于2011年的WebRTC技术，在Google、Microsoft、Apple、Mozilla等大厂的支持下，成为了H5的标准，并且Chrome、Edge、Safari、Firefox等主流浏览器也都支持WebRTC。所以就可以通过WebRTC来实现P2P了。

下文把基于WebRTC实现的HTML5 P2P简称为H5 P2P。

二、WebRTC简介

WebRTC的总体架构如下图所示，如果是浏览器开发者，通常需要关注并实现WebRTC C++ API，而我们的目标是基于浏览器实现P2P，所以只需要关注Web API即可。

整体的H5 P2P都是基于RTCPeerConnection和RTCDataChannel来实现的，只是实现数据层面的P2P，不包含音视频通信的内容。

三、总体架构