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 视频介绍）


  • 精彩推荐

  • 2020-03-04 13:00:23

    NPM酷库：minimist，命令行参数解析

    昨天我们了解的dotenv库用于从文件中加载环境变量。环境变量用于程序运行时动态加载参数，除了环境变量，我们还可以在启动Node.js 程序时直接指定命令行参数：

  • 2020-03-04 21:01:26

    window自带截屏功能

    我们习惯了QQ和微信截图，当我们没有打开微信和QQ的时候，我们想用截图怎么版，当然是，打开QQ和微信，哈哈？

  • 2020-03-05 13:12:54

    Markdown的css样式

    本样式在这个样式的基础上做了一些修改， 主要是对于表格和代码块以及一些细节的修改。 主要目的是用在chrome的扩展 Markdown Preview Plus中， 替换其内置的样式。 由于 Markdown Preview Plus对css文件大大小有要求（小于8K）， 所以需要使用压缩后的 css 文件。 当然也可以作为一个单独的markdown样式来使用。