Skip to content

支持WebRTC的多源多协议混合P2P-CDN的流媒体播放器

Notifications You must be signed in to change notification settings

lovefoodcode/PearPlayer.js

Repository files navigation

一个支持多协议、多源、混合P2P-CDN的流媒体播放器

npm jsdelivr License


English

PearPlayer(梨享播放器)[Demo] 是完全用JavaScript写的开源HTML5流媒体播放框架,实现了融合HTTP(包含HTTPS、HTTP2)、WebRTC的多协议、多源、低延迟、高带宽利用率的无插件Web端流媒体加速能力。基于H5的MSE技术(Media Source Extension)将来自多个源节点的Buffer分块喂给播放器,再加上精心设计的算法来达到最优的调度策略及对各种异常情况的处理,Pear Player能在保证用户流畅视频体验的前提下最大化P2P率。

PearPlayer

multisources

只需将pear-player.min.js通过<script>标签导入到HTML就可以使用。 参考以下代码示例,也可以查看/examples/player-test.html来了解使用方法。 参考get-started来了解基本使用方法。

特性

  • P2P能力基于WebRTC,无须安装任何插件
  • 多协议(HTTP、HTTPS、WebRTC)、多源
  • 自研的调度算法,在保证用户流畅视频体验的前提下最大化P2P率
  • 默认无需填参数(内部根据视频码率等作自适应),高级使用模式可自行调整算法和参数
  • 默认不会无限制缓冲,尽可能为CP用户节省带宽/流量
  • 支持Chrome、Firefox、Opera、IE、Edge等主流浏览器,即将支持Safari、腾讯微信、X5/TBS(可以多源传输,播放问题待不久后MSE支持完善)
  • 可选接入低成本、高可用的Pear Fog CDN
  • 协议默认通过TLS/DTLS全加密,无DPI特征;并可通过Pear Fog组件的动态端口映射进一步消除统计学特征
  • 像使用HTML5 <video>标签一样简单,并容易与video.js等流行播放框架集成
  • 具备Browser P2P能力(基于WebTorrent)

bitmap

快速开始

将以下代码拷贝到HTML5代码中,打开网页,见证奇迹的时刻到了!

<script src="https://cdn.jsdelivr.net/npm/pearplayer@latest"></script>
<video id="video" controls></video>
<script>
  var player = new PearPlayer('#video', { src: 'https://qq.webrtc.win/tv/Pear-Demo-Yosemite_National_Park.mp4' });
</script>

使用方法

导入js文件并绑定video标签

首先通过script标签导入pear-player.min.js:

<script src="./dist/pear-player.min.js"></script>

或者使用CDN:

<script src="https://cdn.jsdelivr.net/npm/pearplayer@latest"></script>

假设用video标签播放如下视频,HTML如下所示:

<video id="pearvideo" src="https://qq.webrtc.win/tv/Pear-Demo-Yosemite_National_Park.mp4" controls>

只需要如下几行代码,即可将PearPlayer绑定到video标签:

<script>
  /**
  * 第一个参数为video标签的id或class
  * opts是可选的参数配置
  */
  if (PearPlayer.isMSESupported()) {
    var player = new PearPlayer('#pearvideo', opts);
  }
</script>

恭喜您,您的播放器已经具备P2P能力了,而且无须任何插件!

如何为自己的视频加速?

示例中的视频是已经分发过的,那么如何为任意视频加速呢?很简单,只需在视频分发系统中添加您的视频URL,即可利用Pear的海量节点为您的视频加速!具体教程请点击这里(目前仅支持分发MP4格式,视频的名字需要加上Pear-Demo前缀,如Pear-Demo-movie.mp4

谁在用我们的产品?

Pear Player 文档

致谢

特别感谢以下项目,为本项目提供了部分灵感来源以及API设计参考:

演讲与媒体报道

License

MIT. Copyright (c) Pear Limited and snowinszu.

帮助与支持

E-mail: [email protected];用户QQ群:373594967CP/CDN接入、OEM与其他商务合作

About

支持WebRTC的多源多协议混合P2P-CDN的流媒体播放器

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%