Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/adicwu/masami
A PC-side animation video website for learning and personal use only
https://github.com/adicwu/masami
less vite vue3-typescript
Last synced: 4 days ago
JSON representation
A PC-side animation video website for learning and personal use only
- Host: GitHub
- URL: https://github.com/adicwu/masami
- Owner: Adicwu
- License: other
- Created: 2022-03-01T06:26:38.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2023-11-23T07:55:11.000Z (about 1 year ago)
- Last Synced: 2024-12-19T14:06:37.080Z (4 days ago)
- Topics: less, vite, vue3-typescript
- Language: Vue
- Homepage:
- Size: 2.35 MB
- Stars: 156
- Watchers: 3
- Forks: 33
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Masami
A PC-side animation video website for learning and personal use only
---
## Build
It is recommended to use `yarn` or `pnpm`,Take `yarn` as an example:
```bash
yarn # install
yarn run dev # dev
yarn run build # build
```
## Technology Stack
- 👆 Vue3 + Pinia
- 🌍 Vite
- 💪 TypeScript
- 🍭 Less
- 📖 VideoJs
- 🌷 ElementPlus
- 🍀 Iconfont
## Features
- Home page recommendation (hot, updated, new news, other recommendations)
- Search
- Multi-source playback
- Record (history, progress, follow-up)
- Custom theme
- Mutable data source
- pixiv image search
## Player Features
- Play pause, next episode, multiple playback, fast forward and rewind, volume control, full screen and full screen of webpage, picture-in-picture, progress (display, switch, drag and drop, real-time progress selection screen thumbnail, buffered scale display), buffering Display, video status information prompt, keyboard interactive control
## Featured Components
- entity drag
- waterfall Virtual Listing
- multi-component cache
- CURD list animation
- various animation components
## Browser Support
This project uses too many new features, and has not yet done compatibility processing
It is recommended to use the latest version of the chrome kernel browser, such as `Chrome`, `Edge`, `Firefox` also works
## User's guidance
> Note that since the interface data of this website is crawled by crawlers, the interface is not provided for now, and you need to build or find the interface yourself; this guide only provides the interface format, as follows
[Backend Interface Documentation](https://gitee.com/adicwu/comic-pc/wikis/pages)
1. Enter the `src/api/index.ts` file
2. Replace its internal method with its own backend interface. Requirements: only change the method body, follow the format of `incoming parameters` and `returning parameters`
## Preview
- [online address](http://comic.adicw.cn/)
## Core Team
| [](https://github.com/Adicwu/) | [](https://github.com/1oid/) |
| :--------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------: |
| [AdicWu](https://github.com/Adicwu) | [Loid](https://github.com/1oid) |
## Real picture display
