React Audio Player

Simple React Audio Player with Artwork option. The Player bar can be positioned at the top or bottom of the screen. Works with React 16.8.0 and above, also works with Next.js.

Installation with NPM

npm install @kevtucker/react-audio-player-bar --save

Installation with Yarn

yarn add @kevtucker/react-audio-player-bar

Storybook

I have created a Storybook to show the different options available. You can view it here:

https://docs.ktinternet.net/react-audio-player-bar

Usage

import { Player } from "@kevtucker/react-audio-player-bar";

function App() {
  return (
    <div className="App">
      <Player
        source="https://streams.ktinternet.net:8010/d"
        title="Peoples City Radio"
        artist="Live"
        artwork="https://picsum.photos/200"
      />
    </div>
  );
}

Props

Prop	Type	Default	Description
source	string	""	The audio source
title	string	""	The title of the audio
artist	string	""	The artist of the audio
artwork	string	""	The artwork of the audio
position	string	"bottom"	The position of the player

License

MIT