@omargee/audio-player

A very minimal audio player React component.

Usage no npm install needed!

<script type="module">
  import omargeeAudioPlayer from 'https://cdn.skypack.dev/@omargee/audio-player';
</script>

README

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

License

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

Built with