Easy Video
A sleek and intuitive video player component designed to enhance user interaction with video content through gesture controls.
🎥 [exptl] Gesture Video Controller (?)
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.
Development
Clone the repository:
git clone https://github.com/ernanej/easy-video.git cd easy-videoInstall the dependencies:
npm installTo start the development server, run:
npm run dev
✋ Gesture Controls Overview
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 | ✅ |
🤝 Contributing
Contributions are welcome! If you have suggestions or improvements, feel free to open an issue or submit a pull request.
Future
svelte npm package?
