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


  • 精彩推荐

  • 2018-03-07 14:35:32

    centos7下yum安装ffmpeg

    安装EPEL Release，因为安装需要使用其他的repo源，所以需要EPEL支持 yum install -y epel-release

  • 2018-03-08 09:44:12

    前端性能监控：window.performance

    Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能，包括 Navigation Timing API和高分辨率时间数据。

  • 2018-03-08 09:44:15

    前端性能监控：window.performance

    Web Performance API允许网页访问某些函数来测量网页和Web应用程序的性能，包括 Navigation Timing API和高分辨率时间数据。

  • 2018-03-08 09:47:14

    ES6，Array.fill()函数的用法

    ES6为Array增加了fill()函数，使用制定的元素填充数组，其实就是用默认内容初始化数组。

  • 2018-03-08 09:53:39

    document.readyState

    一个document 的 Document.readyState 属性描述了文档的加载状态。

  • 2018-03-09 02:09:23

    ArrayBuffer：类型化数组

    ArrayBuffer对象、TypedArray对象、DataView对象是JavaScript操作二进制数据的一个接口。这些对象早就存在，属于独立的规格，ES6将它们纳入了ECMAScript规格，并且增加了新的方法。

  • 2018-03-09 11:45:11

    SQL SELECT DISTINCT 语句

    如需从 Company" 列中仅选取唯一不同的值，我们需要使用 SELECT DISTINCT 语句：