A Bare-Bones React Audio Player

A very minimal audio player React component.

codesandbox

Getting Started

Installing

Only thing you need to do is

npm i @omargee/audio-player

And

import AudioPlayer from "@omargee/audio-player"

Then using it

<AudioPlayer tracks={<YOUR_TRACKS_ARRAY>} />

Props

The audio player currently only accepts one prop which is tracks.

It takes in an array of objects in the following format

Example:

tracks={[
  {
    url: 'http://67.212.189.122:8119/stream',
    title: 'Heart Music Radio 106.7 FM',
  },
  {
    url: 'http://192.99.63.189:10995/topfm?type=.mp3',
    title: 'Top FM 95',
  },
]}

NOTE

If no tracks prop is given, the component will use its default props.

Authors

• Omar Geerman - omargee

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Built with

• HTMLMediaElement