P2P Media Loader hls.js integration
npm install p2p-media-loader-hlsjs
P2P Media Loader is an open-source JavaScript library that uses modern browser technologies — like HTML5 video and WebRTC — to enable peer-to-peer (P2P) media delivery. It integrates seamlessly with popular HTML5 video players and requires no additional browser plugins or add-ons. Try the demo to see it in action.
This library makes it possible to build large-scale P2P mesh networks — often called peer-to-peer content delivery networks (P2P CDN), Hybrid CDN, Multi CDN, peer-to-peer television (P2PTV), or Enterprise Content Delivery Networks (eCDN) — enabling users who are watching the same live or on-demand (VOD) streams via HLS or MPEG-DASH to share traffic in real time.
- Works Everywhere:
P2P Media Loader supports all modern desktop and mobile browsers — Chrome, Safari, Edge, Firefox, and Opera — across Windows, macOS, Android, iOS, iPadOS, and Linux. Check out our guide to set up P2P video in five minutes. You can also embed it into native iOS and Android apps and use it with native players.
- No Setup Cost and No Server Software Needed:
For smaller setups (1,000–2,000 simultaneous viewers), public trackers alone can handle peer connections. This means you don’t need to install or maintain any additional server-side components in many cases. Free alternatives are available for larger setups that can handle 100k simultaneous peers and above. Check our article on running dedicated trackers.
- Reduced Load on Origin:
Offloading requests from the CDN or media server to peers eases the strain on centralized infrastructure, increasing system reliability.
- Significant Cost Savings:
With less bandwidth required from your primary video source, you can dramatically cut CDN or hosting expenses.
- Enhanced Total Bandwidth:
When viewers share video data among themselves, they collectively expand overall network capacity, leading to smoother streaming for everyone.
- Flexible for Live & VOD:
Whether you’re streaming live events or on-demand videos, P2P Media Loader supports both scenarios without added complexity.
- eCDN (Enterprise Content Delivery Network) Approach:
In enterprise environments, you have full control over the internal network. This means peers can easily interconnect with minimal constraints, ensuring reliable, high-quality internal media delivery (e.g., multiple screens, desktops, and mobile devices across an organization) without straining external bandwidth or internal infrastructure.
- wt-tracker: a high-performance WebTorrent tracker for Node.js using µWebSockets.js.
- Aquatic: a high-performance WebTorrent and BitTorrent tracker written in Rust.
- bittorrent-tracker: official WebTorrent tracker implementation for Node.js.
- Guides for HTML pages and web apps and for native mobile apps
- API documentation
- P2P development, support & consulting
- Demo
- Contributing to our project
- FAQ
- Overview
- Technical overview
- npm packages
- Core
- Hls.js integration
- Shaka Player integration
- ES modules CDN
- Core
- Hls.js integration
- Shaka Player integration
- Chrome on desktops and Android
- Firefox on desktops and Android
- Sarafi on macOS
- Safari on iPadOS (iPad)
- Safari on iOS (iPhone, iOS version 17.1+ required)
- Edge on Windows
- Supports live and VOD streams over HLS or MPEG-DASH protocols
- Supports multiple HTML5 video players and engines:
- Engines: Hls.js, Shaka Player
- Video players: Vidstack, Clappr, MediaElement, Plyr, DPlayer, OpenPlayerJS, PlayerJS , and others that support Hls.js or Shaka video engines. These players can be integrated via custom integration with the library API.
- Supports adaptive bitrate streaming of HLS and MPEG-DASH protocols
- There is no need for server-side software for simple use cases. By default P2P Media Loader uses publicly available servers:
- WebTorrent trackers - https://tracker.novage.com.ua/, https://tracker.webtorrent.dev/, https://openwebtorrent.com/
- STUN servers - Public STUN server list
All the components of the P2P network are free and open-source.
P2P Media Loader required browser features are:
- WebRTC Data Channels to exchange data between peers
- Media Source Extensions or Managed Media Source are required by Hls.js and Shaka Player engines for media playback
STUN server is used by WebRTC to gather ICE candidates.
There are many running public servers available on Public STUN server list.
A compatible WebTorrent tracker is required for WebRTC signaling and to create swarms of peers downloading the same media stream.
A few running public trackers are available: https://tracker.novage.com.ua/, https://tracker.webtorrent.dev/, https://openwebtorrent.com/.
It is possible to run personal WebTorrent tracker using open-source implementations: wt-tracker, Aquatic, OpenWebtorrent Tracker, bittorrent-tracker.
P2P Media Loader is configured to use public STUN and WebTorrent servers by default. It means that it is not required to run any server-side software for the P2P network to function for simple use cases.
A web browser runs a video player that integrates with the P2P Media Loader library. Each instance of the library is referred to as a peer, and collectively, many peers form the P2P network.
P2P Media Loader initially downloads media segments over HTTP(S) from a source server or CDN to start media playback quickly. If no peers are available, it continues to download segments over HTTP(S), similar to a traditional media stream.
Subsequently, P2P Media Loader transmits media stream details and connection information, such as ICE candidates, to WebTorrent trackers. These trackers provide a list of other peers who are accessing the same media stream.
P2P Media Loader then connects with these peers to download additional media segments and simultaneously shares segments that it has already downloaded.
Periodically, random peers in the P2P swarm download new segments over HTTP(S) and distribute them to others via P2P.