React Hls Video Player

Custom Hls Video Player for m3u8 streaming (demo)

• This player example is powered with HLS.js.
• Most of the styling is inspired by Youtube's player
• Test your Poster image (Image before playing)
• Test your m3u8 video link (Examples here)

Stack

• Language: Typescript (Javascript)
• Client Library: React (v18)
• Style: Styled-components
• State Management: Zustand
• Bundler: Vite

Running locally

1. Install Dependencies

$ yarn

2. Run on dev mode

$ yarn dev # Running at http://localhost:5173/