forked from miao-moe/QZMusic_PC
fork(fix): Clone AMLL 并修复 BUG
- 将AMLL Clone到本以地进行修复和优化(emm虽然这很不优雅但是暂时无时间做子模块和Fork) - 修复在当前播放歌词行不可见的视口Seek会出现滚动偏移的问题
This commit is contained in:
49
amll-local/packages/react/README-CN.md
Normal file
49
amll-local/packages/react/README-CN.md
Normal file
@@ -0,0 +1,49 @@
|
||||
# AMLL for React
|
||||
|
||||
[English](./README.md) / 简体中文
|
||||
|
||||
> 警告:此为个人项目,且尚未完成开发,可能仍有大量问题,所以请勿直接用于生产环境!
|
||||
|
||||

|
||||
[](https://www.npmjs.com/package/@applemusic-like-lyrics/react)
|
||||
[](https://www.npmjs.com/package/@applemusic-like-lyrics/react)
|
||||
|
||||
AMLL 组件库的 React 绑定,你可以通过此库来更加方便地使用 AMLL 歌词组件。
|
||||
|
||||
详情可以访问 [Core 核心组件的 README.md](../core/README-CN.md)。
|
||||
|
||||
## 安装
|
||||
|
||||
安装使用的依赖(如果以下列出的依赖包没有安装的话需要自行安装):
|
||||
```bash
|
||||
npm install @pixi/app @pixi/core @pixi/display @pixi/filter-blur @pixi/filter-bulge-pinch @pixi/filter-color-matrix @pixi/sprite jss jss-preset-default # 使用 npm
|
||||
yarn add @pixi/app @pixi/core @pixi/display @pixi/filter-blur @pixi/filter-bulge-pinch @pixi/filter-color-matrix @pixi/sprite jss jss-preset-default # 使用 yarn
|
||||
```
|
||||
|
||||
安装 React 绑定需要使用的依赖(如果以下列出的依赖包没有安装的话需要自行安装):
|
||||
```bash
|
||||
npm install react react-dom # 使用 npm
|
||||
yarn add react react-dom # 使用 yarn
|
||||
```
|
||||
|
||||
安装本体框架:
|
||||
```bash
|
||||
npm install @applemusic-like-lyrics/react # 使用 npm
|
||||
yarn add @applemusic-like-lyrics/react # 使用 yarn
|
||||
```
|
||||
|
||||
## 使用方式摘要
|
||||
|
||||
详细的 API 文档请参考 [./docs/modules.md](./docs/modules.md)
|
||||
|
||||
一个测试用途的程序可以在 [../playground/react/src/test.tsx](../playground/react/src/test.tsx) 里找到。
|
||||
|
||||
```tsx
|
||||
import { LyricPlayer } from "@applemusic-like-lyrics/react";
|
||||
|
||||
const App = () => {
|
||||
const [currentTime, setCurrentTime] = useState(0);
|
||||
const [lyricLines, setLyricLines] = useState<LyricLine[]>([]);
|
||||
return <LyricPlayer lyricLines={lyricLines} currentTime={currentTime} />
|
||||
};
|
||||
```
|
||||
Reference in New Issue
Block a user