chakra-player v1.1.10

React player, made with Chakra UI, can play the audio that you push in it.

Usage

npm install chakra-player

or

yarn add chakra-player

import React from 'react'
import Audio from 'chakra-player'

// Add {.mp3 / .mp4} file format
<Audio song="****.mp3" />

Instead of using a common url of a .mp3, you also can download this file to your project folder and refer to it:

import React from 'react'
import Audio from 'chakra-player'
import song form './audio.mp3'

// Add {.mp3 / .mp4} file format
<Audio song={song} color='blue.600' background='white.600' sliderBackground="white" width="500px"/>

Props

| Prop | Description | Default | | ------- | ------------------------------------------------------------------------------------ | ---------- | | song | The file of an audio that has to be in .mp3/.mp4/.wav format | | | color | String with Chakra UI color | blue.600 | | background | String with Chakra UI color | white.600 | | sliderBackground | String with color | white | | width | String with width of the container component | 500px |