# masami

**Repository Path**: gitee1141/masami

## Basic Information

- **Project Name**: masami
- **Description**: 一个仅供学习自用的PC端动漫视频网站
- **Primary Language**: TypeScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: http://comic.adicw.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 60
- **Created**: 2023-03-29
- **Last Updated**: 2023-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
    <img alt="logo" src="https://api.adicw.cn/static/logo/comic-pc.png" width="120" height="120" style="margin-bottom: 10px;">
</p>

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

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

---

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