Skip to content

augok/p2p-hls

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

P2P-hls

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.

Useful Demo

Homepage

https://webp2p.augok.com

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

Quick Start

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/hls.min@0.0.2/index.js"></script>

Example by DPlayer

<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/hls.min@0.0.2/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);
            }
        }
    }
});

API

isP2P()

Determine whether to support P2P.

// p2phls is new P2Phls(url) object
p2phls.isP2P()
// return true or false

isHls()

Determine whether to support Hls.

// p2phls is new P2Phls(url) object
p2phls.isHls()
// return true or false

Event

bytechange

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
});

See p2pdemo for more...

Contact Us

Telegram: @augok009

About

A JavaScript library based on hls.js to implement video traffic delivery over P2P streaming in web browsers HTML page.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published