Use ReactJS to create a Video Player using HTML5 Canvas or a Canvas library of your choice.
It should meet following criteria
- Use of HTML5 Canvas is a must
- Take video file as an input
- Take SRT file as an input
- Support play, pause, forward and rewind
- Seekbar to change current time
- Subtitles of the video should play in sync with the video
- Source code must be shared with GitHub
- Code must be hosted somewhere i.e. Vercel/Netlify
Useful Resources
- https://reactjs.org/tutorial/tutorial.html
- https://www.w3schools.com/html/html5_canvas.asp
- https://blog.hubspot.com/marketing/srt-file
Once you are done please send code github link as well as netlify/vercel link to [email protected]
Please find rough wireframe below, you are free to change it though
