AMLL for React 概述

AMLL 组件库的 React 绑定，你可以通过此库来更加方便地使用 AMLL 歌词组件。

详情可以访问 Core 核心组件的 README.md。

安装

安装使用的依赖（如果以下列出的依赖包没有安装的话需要自行安装）：

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 绑定需要使用的依赖（如果以下列出的依赖包没有安装的话需要自行安装）：

npm install react react-dom # 使用 npm
yarn add react react-dom # 使用 yarn

安装本体框架：

npm install @applemusic-like-lyrics/react # 使用 npm
yarn add @applemusic-like-lyrics/react # 使用 yarn

使用方式摘要

详细的 API 文档请参考 ./docs/modules.md

一个测试用途的程序可以在 ./src/test.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} />
};