HTML5 Video P2P技术研究(转)

news/2024/5/20 7:51:41 标签: serverless

说明:之前在Flash时代,可以基于其实现P2P的技术,也就是现在主流的视频网站用的视频技术,不过要实现P2P技术,在Flash时代有点难,且要服务器支持等等;但是现在基于HTML5技术的P2P技术使用WebRTC实现,API相对简单,且集成也非常方便,现在主流网站正在逐步转向HTML5去实现P2P。注意,WebRTC不只可以实现P2P,同时也支持实时浏览器点对点的通讯,比如聊天、视频聊天等等。

一、背景

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

二、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

五、参考文章

MediaSource

Getting Started with WebRTC - HTML5 Rocks

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

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

WebRTC Videos | WebRTC (chrome webrtc 视频介绍)

http://v.baidu.com/kan/siwx/ZS5a

https://zhuanlan.zhihu.com/p/23774141(以上内容转自此篇文章)

==>如有问题,请联系我:easonjim#163.com,或者下方发表评论。<==

http://www.niftyadmin.cn/n/1409926.html

相关文章

finecms指定从第几篇文章开始调用5条记录,并调用文章所在栏目

我们在建站时可能会有具体的要求&#xff0c;比如从第几篇文章开始调用5篇&#xff0c;finecms如何实现呢&#xff1f;用下面一段代码就能完成&#xff1a;num0,5表示从第一篇开始调用5篇&#xff0c;注意&#xff0c;0代表第一&#xff0c;5表示调用5篇&#xff1b; <a hre…

【uni-app】uni-app获取当前环境信息

uni-app获取当前环境信 使用uniapp 的 壳嵌套vue开发的网页端项目链接&#xff0c;在该Vue项目中获取当前环境是否为APP或者微信小程序&#xff0c;对不同环境下做专属的操作 引用依赖的文件 在 web-view 加载的 HTML 中调用 uni 的 API&#xff0c;需要在 HTML 中引用必要的 …

【Vue功能】weixin-js-sdk实现vue分享功能

weixin-js-sdk实现vue分享功能 h5链接分享到微信好友、朋友圈的链接卡片内容可以自定义 安装微信sdk cnpm install weixin-js-sdk -S使用 新建文件&#xff1a;plugins/wechat.js import wx from weixin-js-sdk import axios from axios let config {debug: false, // 查看…

Shell 字符串

字符串是shell编程中最常用最有用的数据类型&#xff08;除了数字和字符串&#xff0c;也没啥其它类型好用了&#xff09;&#xff0c;字符串可以用单引号&#xff0c;也可以用双引号&#xff0c;也可以不用引号。 单引号 单引号字符串的限制&#xff1a; 单引号里的任何字符都…

WPF:Graphics绘图--Geometrics几何图形--Converter转换

Converter Point转换 Vector转换 扩展&#xff1a; Point 表示固定位置&#xff0c;但 Vector 表示方向和大小&#xff08;如速度或加速度&#xff09;。 因此&#xff0c;线段的端点是点&#xff0c;但它们的差是向量&#xff1b;即该线段的方向和长度。在 XAML 中&#xff0c…

c# namespace

1. 启动Microsoft Visual Studio 2010。 2. 点击“文件”菜单&#xff0c;选择“新建”项&#xff0c;在弹出的子菜单中选择“项目”命令。如下图所示&#xff1a; 3. 弹出“新建项目”对话框。如下图所示&#xff1a; 4. 在“最近的模板”下面点击“Visual C#”项&#xff0c;…

ui

Debug.Log 记录 static function Log (message : object) : void Description描述 Logs message to the Unity Console. 记录消息到Unity控制台。 C# JavaScript Debug.Log("Hello"); • static function Log (message : object, context : Object) : void Descripti…

Vue3 从零搭建项目及插件的使用

node&#xff1a;v14.16.1 vue&#xff1a;vue/cli 4.5.12 完整代码 &#xff1a;https://download.csdn.net/download/weixin_44590591/76857668 1、项目初始化 1.1、项目前期需求 //使用Vue3&#xff0c;需要升级vue-cli&#xff0c;全局安装最先版本vue/cli&#xff1b…