html5 video p2p research

2020-12-17 10:55:48

一、背景

节约带宽，减少缓冲时间，提升服务质量，处理峰值流量, 视频观看的人越多，播放越流畅。

二、p2p是什么？


通俗的解释：点对点播放，无中心服务器，依靠用户群交换信息。


三、如何实现？

1 、 Server ?

2、Client ：

html5 WebRTC & Media Source Extensions

3、Supported Browsers & Plantforms


从上可知ios目前还无法实现p2p播放


4. webRTC 网络实时通信，主要是来让浏览器实时获取和交换视频，音频数据。

webRTC提供的api

getUserMedia 获取媒体数据

RTCPeerConnection 浏览器之间点对点的连接

RTCDataChanne 浏览器用于点对点的数据通信


四、解决方案？

The Serverless P2P CDN For Video Live Streaming


五、参考文章

slideshare.net/SPOTITV/

MediaSource

w3.org/TR/media-source/#

Getting Started with WebRTC - HTML5 Rocks

HTML5新特性之WebRTC - 草根程序猿 - 博客园（webrtc demo）

WebRTC现状及优缺点，音视频通信必看的开源项目 - 专家观点 - CTI论坛-中国领先的ICT行业网站（WebRTC 优缺点）

WebRTC Videos | WebRTC （chrome webrtc 视频介绍）


  • 精彩推荐

  • 2019-12-20 13:27:16

    腾讯地图谷歌和高德地图等自定义地图区别

    腾讯、百度、Google的地图投影均采用Web Mercator 投影坐标系；腾讯与Google的地图瓦片分辨率及切片范围是完全相同的，仅仅是命名规则稍有不同，这就使得同一位置和缩放级别的地图瓦片是完全可以重叠的；而百度地图每个缩放级别分辨率与前两者均不相同，而且地图瓦片的坐标原点做了一定的偏移，导致百度地图与前两者的瓦片是无法重叠的，这是因为百度在GCJ-02的基础上又进行了加密处理，形成了百度独有的BD-09坐标系。

  • 2019-12-22 08:06:48

    如何快速撤销上一次的commit

    在平时工作中使用git难免会提交一些错误的文件到git库里，这时候，撤销吧，怕把正确的文件删除了，不撤销重新改又很麻烦，下面，我就从提交的三个阶段，来讲解如何撤销错误的操作。

  • 2019-12-23 14:54:03

    RPC， REST ，GraphQL区别比较优劣

    其实在使用和学习的过程中，有很多文章都对比过它们的异同，但是大部分文章并没有从一个相对客观的角度来对比，更多是为了突显一个的优点而刻意指出另外一个的缺点。这让我想到一句话，脱离业务情景谈技术就是耍流氓。

  • 2019-12-23 23:38:59

    vue-apollo的多客户端的用法

    vue-apollo的多客户端的用法以及apollo.js的配置 关于如何安装和如何使用，这篇文章就先暂时不介绍了，如果不清楚就看我另一篇关于vue-apollo的用法 在做项目中，有时候后端的接口是按模块功能去划分的，那么请求的地址就会不同，关于vue-apollo的多客户端配置如下

  • 2019-12-27 08:40:55

    align-self和align-items的区别

    align-items在伸缩容器上使用它，伸缩容器内部所有的元素都一致地受制于align-items的值。 但是有些时候，我们希望伸缩容器内部某个元素在侧轴上的排列方式有所差异。此时就不能使用 align-items，因为align-items作用于整体。我们希望作用于部分。这就是align-self的发挥场地。