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:

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

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

Core Team

AdicWu	Loid

Real picture display