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-20 13:35:55

    随便想到，群聊天的数据库简单设计

    拆分成两个表，一个是消息的流水表，一个是每个人的配置表。 记录每个群下面的这个用户的最后读取的消息last_msg_id，然后在计算消息未读数据。 这样优化之后数据将减少好多，数量是 m+n条数据。不在是成倍增长了。

  • 2020-03-20 13:39:50

    类似与微信朋友圈功能数据库如何实现

    每次发圈子的时候，给关注我的每个uuid，发一个内容id。 大概表的设计就是 uuid，idlist 这样的，idlist是按照时间顺序的。 然后定期删除idlist过多的老圈子。

  • 2020-03-21 00:11:38

    Android卡片布局（圆角阴影）的几种实现及分析

    在开发中，为了界面美观，圆角view和阴影效果是开发中经常遇到的UI场景，比如银行卡效果，卡片式itemView布局，Banner图等，开发中我们通过各种方式实现了这种效果，但是哪种方案最好呢，接下来本文将比较几种常见的圆角阴影布局实现，并从内存占用角度分析它们的优缺点.

  • 2020-03-21 12:05:24

    android 自定义组件，使用AttributeSet

    首先要在res/values目录下建立一个attrs.xml（名字可以自己定义）的文件,并在此文件中增加对控件的属性的定义.其xml文件如下所示：

  • 2020-03-21 12:09:59

    Android使用AttributeSet自定义控件的方法

    我们可以在attrs.xml中声明自己控件的属性，在布局xml文档中声明自己的命名空间，这时就可以对设置自己想要的值了，然后在AttributeSet这个属性中获取对应的值。好了不多说，我们来看下代码，一切尽在不言中：

  • 2020-03-22 21:16:07

    用vue做的跟随鼠标移动的div

    最近接到一个任务，就是在既存用electron-vue开发的桌面端程序上追加随鼠标移动的动画效果，之前一直使用angular和react，没怎么接触过vue，先做一个vue的简单例子，然后再整合。