A sleek and intuitive video player component designed to enhance user interaction with video content through gesture controls. The main feature of this project is the Gesture Video Controller, which allows users to easily manipulate video playback using both mouse and touch gestures.
Clone the repository:
git clone https://github.com/ernanej/easy-video.git
cd easy-video
Install the dependencies:
npm install
To start the development server, run:
npm run dev
Here are the available gestures and their functionalities:
Gesture | Description | Available |
---|---|---|
Double Click/Tap Right | Advances the video by 10 seconds | ✅ |
Double Click/Tap Left | Rewinds the video by 10 seconds | ✅ |
Drag Down | Decreases the volume | ✅ |
Drag Up | Increases the volume | ✅ |
Press/Click And Hold | Pauses the video | ✅ |
Release After Pressing | Resumes the video | ✅ |
Drag To The Right | Advances the video by 10 seconds | ✅ |
Drag To The Left | Rewinds the video by 10 seconds | ✅ |
Quick Click/Tap | Mutes/unmutes the video | ✅ |
Contributions are welcome! If you have suggestions or improvements, feel free to open an issue or submit a pull request.
svelte npm package?