APlayer for your React application.
View full documentation on https://aplayer-react.js.org
The APlayer features you love with the APlayer options you are familiar with.
- Beautiful and clean UI
- Lyrics scroll
- Playlist with repeat & shuffle controls
- Custom theme color / Self-adapting theme color
Install aplayer-react
npm package
npm i aplayer-react
Import APlayer component from aplayer-react
package, and import stylesheet.
import { APlayer } from "aplayer-react";
import "aplayer-react/dist/index.css";
render(
<APlayer
audio={{
name: "Dancing with my phone",
artist: "HYBS",
url: "https://music.163.com/song/media/outer/url?id=1969744125",
}}
autoPlay
/>
);
Doma's blog and more
- APlayer: Prior art
- react-aplayer: A React wrapper component of APlayer