Custom React Video Player ABR

Create a custom video player in React - implement Adaptive Bitrate Streaming to allow to play format like HLS or MPEG.

Tutorial

You can see a full tutorial of this project in my blog.

• Part 1: Layout
• Part 2: Functionality
• Part 3: Adaptive Bitrate Streaming

Live Demo

You can also see a live demo of finished project in CodeSandbox.

• Part 1: Layout
• Part 2: Functionality
• Part 3: Adaptive Bitrate Streaming

Getting Started

• Clone repository
• Run following commands:

npm install
npm start

Reference

• Starter Files
• Part 1: Layout (repository)
• Part 2: Functionality (repository)