chakra-player v0.4.11

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'/>

Props

Prop	Description	Default
song	The url or file of an audio that has to be in .mp3/.mp4 format
color	String with Chakra UI color	blue.600
background	String with Chakra UI color	white.600