- Microphone audio converted to graphs
- Cleaner HTML
- Customizable and themeable
npm i ts-audio-visualizer
yarn add ts-audio-visualizer
- Just paste this code into tsx!
<AudioVisualizer
mode="bars"
height="100px"
width="50%"
bgColor="#252525"
barColor="#efefef"
/>
| name | description | type | default |
|---|---|---|---|
| mode | Change the shape of the visualizer | bars / grid / wave |
bars |
| height | Change the width of the visualizer | string |
100% |
| width | Change the height of the visualizer | string |
100% |
| bgColor | Change the background color of the visualizer | string |
#000 |
| barColor | Change the color of the bars in the visualizer | string |
#fff |
🐸 < Please share !
