react-volume-indicator

React Volume Indicator

$3

react-volume-indicator

Install

``
npm install react-volume-indicator
`

Usage


1. useVolumeLevel hook

`js
const [startRecording, stopRecording, volume] = useVolumeLevel();
`

- startRecording : Function called to start mic's recording; after calling this function value of volume will start changing
- stopRecording : Function called to stop mic's recording; after calling this function value of volume will remain 0
- volume : The value of mic's input volume in a 0-100 range, changing every 50ms

2. VolumeIndicator component


`html

`

- backgroundColor : Color of the container's background
- indicatorColor : Color of the volume value display within the container
- volume : A state variable between 0-100 that determines its value (similar to progress % in a progress bar)



Together they can be used like this -

`js
import {useVolumeLevel, VolumeIndicator} from 'react-volume-indicator'

function App() {
const [startRecording, stopRecording, volume] = useVolumeLevel();
return (


);
}

export default App;
``

Looking forward to pushing improvements iteratively and make it better!