Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/abduldevhub/local-video-player
This chrome extension is a video player for local videos with a variety of different features, check out the README to learn more.
https://github.com/abduldevhub/local-video-player
chorme-extension css html javascript
Last synced: about 1 month ago
JSON representation
This chrome extension is a video player for local videos with a variety of different features, check out the README to learn more.
- Host: GitHub
- URL: https://github.com/abduldevhub/local-video-player
- Owner: AbdulDevHub
- License: mit
- Created: 2024-03-27T06:11:16.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-11-28T04:22:30.000Z (about 1 month ago)
- Last Synced: 2024-11-28T05:23:08.164Z (about 1 month ago)
- Topics: chorme-extension, css, html, javascript
- Language: JavaScript
- Homepage:
- Size: 5.37 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Player for local videos
## Overview
This a video player for local videos whose main features are:
* Light/dark theme (following system preferences)
* Continue watching from where you left off[^1]
* [Keyboard shortcuts](#keyboard-shortcuts)
* Global Media Controls integration
* Works offline
[^1]: The video state is saved in the browser's local storage. If you clear your browser's data, the state will be lost. Saved state will be deleted upon video completion or for videos last played more than 30 days ago.
## Setup
To install and use this extension locally, follow these steps:
1. Clone the repository
2. Navigate to the project directory
3. Open the Chrome browser and go to `chrome://extensions/`
4. Enable Developer mode by ticking the checkbox in the upper-right corner.
5. Click on the "Load unpacked" button.
6. Select the directory containing your unpacked extension.
## Usage
To use the extension, click on its tooltip icon or press Alt+Shift+O.
This shortcut can be changed by visiting (you may need to copy and paste this URL in the address bar).
The page shown in the screenshots will open.
To open a video, drag and drop it there or click on the button.
If another video is opened, its state will be saved and the dragged video will be opened.
### Keyboard shortcuts
The following keyboard shortcuts are supported:
| Key | Action |
| :----------------------------------------------------: | ---------------------------------- |
| Space
K | Toggle play/pause |
| D | Slow down by 0.1x |
| S | Speed up by 0.1x |
| Z
←
↓ | Rewind 10 seconds |
| X
→
↑ | Forward 10 seconds |
| R | Reset default speed |
| Not Set | Toggle time/remaining |
| M | Toggle mute |
| C | Toggle video zoom |
| P | Toggle PiP |
| F
Enter | Toggle fullscreen |
| G | Toggle fullscreen or zoom |
| Q | Set speed to 1.7x or reset to 1x |
| W | Set speed to 2x or reset to 1x |
| E | Set speed to 2.7x or reset to 1x |
| R | Set speed to 3x or increase to 4x |
| T | Set speed to 4x or reset to 1x |
| H | Hide playbar/controls |
| U | Toggle video stretching |
| CTRL + ↑→↓← | Strech video ↑→↓← slightly |
| A | Toggle giant video seeker mode |
| a | Toggle small video seeker mode |
| V | Toggle preview bar |
## Contributing
While this is a personal project, I'm open to collaboration. If you have suggestions for improvements, please open an issue.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.