Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/augok/p2p-hls
A JavaScript library based on hls.js to implement video traffic delivery over P2P streaming in web browsers HTML page.
https://github.com/augok/p2p-hls
dplayer hls hlsjs p2p p2p-network video web webp2p webrtc
Last synced: 15 days ago
JSON representation
A JavaScript library based on hls.js to implement video traffic delivery over P2P streaming in web browsers HTML page.
- Host: GitHub
- URL: https://github.com/augok/p2p-hls
- Owner: augok
- License: apache-2.0
- Created: 2023-02-16T08:37:07.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-27T08:15:40.000Z (about 2 months ago)
- Last Synced: 2024-10-25T11:57:41.149Z (22 days ago)
- Topics: dplayer, hls, hlsjs, p2p, p2p-network, video, web, webp2p, webrtc
- Language: HTML
- Homepage: https://webp2p.augok.com/
- Size: 407 KB
- Stars: 12
- Watchers: 1
- Forks: 3
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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
- [Demo](https://webp2p.augok.com/p2pdemo/)
**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
Project upgrade uses module loading.
Support the latest version of hls.js.
Then there's a free, CDN hosted version of hls.js that anyone can use. Add these tags to your document's ``:
```html
```
## Example by DPlayer
```html
```
```js
import { P2Phls } from "https://unpkg.com/webp2p-hls@latest/p2phls.js";
// 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 = p2phls.getHlsPlayer();
hls.loadSource(video.src);
hls.attachMedia(video);
}
}
}
});
```
## API
**isHls()**
Determine whether to support Hls.
```js
// p2phls is new P2Phls(url) object
p2phls.isHls()
// return true or false
```
## Event
**bytechange**
Monitor traffic download btye.
```js
// 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.
```js
// p2phls is new P2Phls(url) object
p2phls.on('peers', function(num,peer){
num; //peers num
peer; // peer detail object
});
```
**[See p2pdemo for more...](https://webp2p.augok.com)**
## Contact Us
Telegram: @augok009