Need guide how to use, I don't know code staff

[Amarin2244]

I've download it already, and don't know how to use... Can you please explain how to run that

[asashay]

Hey, did you try this? @Amarin2244

[Amarin2244]

I'm stuck at here

[asashay]

to view example locally in the terminal run:

1. Open terminal
2. Install node.js - https://nodejs.org/en/download/package-manager
3. git clone https://github.com/asashay/react-video-progress.git
4. cd react-video-progress
5. npm install
6. cd example
7. npm install
8. npm start and visit the localhost page

[Amarin2244]

Thanks for this clear guide, You're Super But how can i use it for my own video file on C:\Users\Amarin\Desktop\MyVids\NewYork.mp4 ?? Where should i edit...

[asashay]

hey, you'll need to :

1. Upload your file online and make it public (e.g. using https://streamable.com/ - just googled it, it's the first search result)
2. Edit src in the example/index.tsx to match your url

import { VideoProgress } from 'react-video-progress'

const FunctionalComponentExample = () => {
  return <VideoProgress
    progressStart="BottomLeft"
    type="OneLine"
    pathColor="red"
    pathWidth="4px"
    pathBorderRadius="2px"
    src='YOUR_VIDEO_URL'
    height="200px"
    controls
  />
}