反弹的 AMLL

英文/英文 简体中文

警告: 这是一个个人项目,仍在开发中。 可能还有许多问题,所以请不要在生产环境中直接使用!

对 AMLL 组件库进行装订,允许您更方便地使用 AMLL 语言组件 .

详情请访问 核心组成部分。 。 。 .

安装

安装所需的依赖( 如果以下列出的依赖没有安装, 您需要自己安装):

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

安装 React 绑定所需的依赖性( 如果以下列出的依赖性没有安装, 您需要自己安装 ):

npm install react react-dom # using npm
yarn add react react-dom # using yarn

安装框架 :

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

使用摘要

关于详细的API文档,请参见: AMLL 文档。 。 。 .

可在 ./游戏场/反应/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} />
};