README.md · 宗政/masami

<h1 align="center">Masami</h1>

<p align="center">A PC-side animation video website for learning and personal use only</p>

---

## 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

| [![Adicwu](https://avatars.githubusercontent.com/u/40051597?s=80)](https://github.com/Adicwu/) | [![Loid](https://avatars.githubusercontent.com/u/19285429?s=80&v=4)](https://github.com/1oid/) |
| :--------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------: |
|                              [AdicWu](https://github.com/Adicwu)                               |                                [Loid](https://github.com/1oid)                                 |

## Real picture display

![img](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f6448089fcb44889a08e8ec50594deea~tplv-k3u1fbpfcp-watermark.image?)

![img](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9d9fe45a7d9648739261ed74f2251988~tplv-k3u1fbpfcp-watermark.image?)

![img](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a72485c459ad40a697b5de7e78d1cf4a~tplv-k3u1fbpfcp-watermark.image?)

![img](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3a518e8edb354d83bb261ec01715ce3a~tplv-k3u1fbpfcp-watermark.image?)

![img](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7d259568c5b14a28a8ddce6cdc557106~tplv-k3u1fbpfcp-watermark.image?)

宗政/masami

简介

发行版

贡献者

近期动态

宗政/masami .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

宗政/masami