Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mpv-easy/mpv-easy
TS and React toolkit for mpv script
https://github.com/mpv-easy/mpv-easy
mpv mpv-script react
Last synced: 3 months ago
JSON representation
TS and React toolkit for mpv script
- Host: GitHub
- URL: https://github.com/mpv-easy/mpv-easy
- Owner: mpv-easy
- Created: 2024-01-20T05:38:11.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2024-05-22T07:02:25.000Z (6 months ago)
- Last Synced: 2024-05-22T14:44:56.820Z (6 months ago)
- Topics: mpv, mpv-script, react
- Language: TypeScript
- Homepage: https://mpv-easy.vercel.app
- Size: 15.5 MB
- Stars: 9
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
- awesome-mpv - easy - TS and React GUI toolkit for mpv script. (Other)
README
## mpv-easy
TS and React toolkit for mpv script
## install
[install](./mpv-easy/install.md)
## CONTRIBUTING
[CONTRIBUTING](./mpv-easy/CONTRIBUTING.md)
## dev
bash
```bash
export MPV_SCRIPT_DIR=/your_mpv_dir/portable_config/scripts && pnpm run dev
```
fish
```fish
set -x MPV_SCRIPT_DIR /your_mpv_dir/portable_config/scripts ; pnpm run dev
```
## plugin
- [mpv-anime4k](./mpv-anime4k/readme.md)
- [mpv-autoload](./mpv-autoload/readme.md)
- [mpv-clip-play](./mpv-clip-play/readme.md)
- [mpv-copy-screen](./mpv-copy-screen/readme.md)
- [mpv-copy-time](./mpv-copy-time/readme.md)
- [mpv-thumbfast](./mpv-thumbfast/readme.md)
- [mpv-play-with](./mpv-play-with/readme.md)
## short key
ctrl+o: open dialog select file
ctrl+up: Increase font size
ctrl+down: decrease font size
## UI
### uosc
### osc
### oscx
## example
### drag-ball
### snake
### i18n
### counter-ui
## config
### mouseHoverStyle
Only supports Windows, requires installation of PowerShell to enable script execution permissions
```powershell
set-executionpolicy remotesigned
```
## quick start
[mpv-easy-demo](https://github.com/ahaoboy/mpv-easy-demo)
[more example](./mpv-easy/src/example/)
## Q&A
### mujs stack overflow
If your code throw a stack overflow error with mujs, you need to use the babel plugin [hack.js](./mpv-easy/src//babel//hack.js)
. It adds a function variable at the beginning of all functions to expand the stack size. Alternatively, you can use a custom compiled version of mujs and mpv, change mujs JS_STACKSIZE
fixed: [Increase default stack sizes.](https://github.com/ccxvii/mujs/commit/7e27931468a7c0f41b2c8a64c9cb6b069f47a5ac)
```diff
- #define JS_STACKSIZE 256 /* value stack size */
+ #define JS_STACKSIZE 1024 /* value stack size */
```
## perf
Maybe should use GitHub action to automatically update this
| js engine | first render | average | js file size |
| ----------- | :----------: | ------: | -----------: |
| qjs | 358ms | 3.58ms | 1.4M |
| qjs+minify | 334ms | 3.42ms | 300K |
| mujs+es5 | 402 ms | 14.05ms | 1.1M |
| deno | 291 ms | 0.23ms | 1.4M |
| deno+minify | 464 ms | 0.23ms | 306K |
| boa+es6 | 400 ms | 21.88ms | 1.2M |
## todo
- [ ] flex (30%)
- [ ] grid
- [ ] logo
- [ ] bilibili
- [ ] youtube
- [ ] animation
- [ ] es2022
- [ ] test
- [ ] mpv prop type
- [ ] plugin system
- [ ] menu system
- [ ] CI snapshot test
- [ ] font rem
- [ ] node console
- [ ] es/cjs plugin module
- [ ] real-time subtitle translation
- [ ] sourcemap
