node package manager

react-video-seek-slider

react-video-seek-slider

react-stores

React seek slider for video player like youtube

How to install

npm i react-video-seek-slider --save

How to use

import {VideoSeekSlider} from 'react-video-seek-slider';
 
//JSX
    <VideoSeekSlider
        max={1152}
        currentTime={this.state.currentTime}
        progress={400}
        onChange={(time:number)=>{
            this.setState({
                currentTime:time
            } as State);
        }}
    />

Specification

  • max (number, required) - Max sliders value
  • currentTime (number, required) - Current sliders value
  • progress (number) - Current buffered progress
  • hideSeekTimes (boolean) - hide hover current time (Default: false)
  • onChange ((time:number)=>void, required) - script to be run when thumb change position

For development

just use:

  • & yarn
  • $ gulp

open your browser http://localhost:3000