well, I always wanted that fancy keyboard shortcuts and the ultimate control of the video with settings and all of that thing. and here is it. a video player with keyboard shortcuts and fancy futures. Wanna give it a Try!?.
first navigate to https://ay-player.netlify.app/player. to use the keyboard shortcuts, follow next.
// skipping
use KeyL to skip by 5 Seconds
use Key; to skip by 20 Seconds
use Key" to skip by 60 Seconds
// going back
use KeyK to go back by 5 Seconds
use KeyJ to go back by 20 Seconds
use KeyH to go back by 60 Seconds
// changing volume
use KeyI to Volume Up
use KeyN to Volume down
- Add video loading state and catch fake urls.
- add when the user goes the player/:url, it should open the video with url without displaying the input component.
- add the mecanizm of duration time and current time in the controls div.
- when the user clicks on the copy url btn, it should copy the url.
- when clicking on number it should calculate the percintage of the video and depending on the number it should move to that percentage number in the current time of the video.
- store settings and videos last stop in the local storage.
- make the home page.
- add the effect when changing the current time or the volume