P2P hls is a JavaScript library based on hls.js to implement video traffic delivery over P2P in web browsers.
It allows creating Peer-to-Peer network (also called P2P CDN or P2PTV) for traffic sharing between users (peers) that are watching the same video stream live or VOD over HLS.
Powered by hls.js, it can play HLS on any platform with many popular HTML5 players.
It significantly reduces traditional CDN traffic and cost while delivering video streams to more users.
Save Your Bandwidth using WebRTC.
Homepage
Free!! Use directly!
Problems caused by CDN have been fixed!!!
https://webp2p.augok.com/player/?url=
Example
https://webp2p.augok.com/p2pdemo/?url=https://m3u8.link.address/video.m3u8
Load the latest CDN hosted version of JavaScript library.
Add these tags to your document's <head>:
<script src="https://unpkg.com/webp2p-hls@latest/p2pl.js"></script>
<script src="https://unpkg.com/webp2p-hls@latest/p2ph.js"></script>
<script src="https://unpkg.com/webp2p-hls@latest/p2phls.js"></script>Then there's a free, CDN hosted version of hls.js that anyone can use. Add these tags to your document's <head>:
<script src="https://unpkg.com/[email protected]/index.js"></script><script src="https://unpkg.com/webp2p-hls@latest/p2pl.js"></script>
<script src="https://unpkg.com/webp2p-hls@latest/p2ph.js"></script>
<script src="https://unpkg.com/webp2p-hls@latest/p2phls.js"></script>
<script src="https://unpkg.com/[email protected]/index.js"></script>
<!-- unpkg : use the latest version of DPlayer.js -->
<script src="https://unpkg.com/dplayer/dist/DPlayer.min.js"></script>// url is link address.
var p2phls = new P2Phls(url);
var player = new DPlayer({
container: document.getElementById('video'),
autoplay: true,
preload: 'auto',
video: {
url: url,
type: 'customHls',
customType: {
'customHls': function(video, player) {
var hls = new Hls({
liveSyncDurationCount: 7,
loader: p2phls.getLoader()
});
p2phls.initHlsPlayer(hls);
hls.loadSource(video.src);
hls.attachMedia(video);
}
}
}
});isP2P()
Determine whether to support P2P.
// p2phls is new P2Phls(url) object
p2phls.isP2P()
// return true or falseisHls()
Determine whether to support Hls.
// p2phls is new P2Phls(url) object
p2phls.isHls()
// return true or falsebytechange
Monitor traffic download btye.
// p2phls is new P2Phls(url) object
p2phls.on('bytechange', function(data){
var httpMb = data.http; // http traffic download btyes
var p2pMb = data.p2p; // p2p traffic download btyes
});peers
Monitor P2P peers connections.
// p2phls is new P2Phls(url) object
p2phls.on('peers', function(num,peer){
num; //peers num
peer; // peer detail object
});Telegram: @augok009
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent