Skip to content
This repository has been archived by the owner on Mar 21, 2024. It is now read-only.


Repository files navigation


HLS player for react applications. Demo here.


npm install --save react-hls

cd node_modules/hls.js

npm install

Hls.js library imports from original sources (src folder), that's why you need to install hls.js dependencies and add folder to babel-loader config as "include" argument in your webpack configuration. For more info see babel-loader


Usage example

import React, { Component } from 'react';
import HLSPlayer from 'react-hls';
import 'react-hls/src/style.css'; // need to import basic styles
import 'react-hls/src/icons.css'; // need to import basic icons

class HLSPage extends Component {
 render() {
   const source = '';

   return (
       <HLSPlayer source={source} />

export default HLSPage;

Run example

npm run example


Duration & volume controls made with rc-slider, see docs -