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