APlayer for your React application.

npm CI Status semantic-release: angular

ScreenShot

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