Visualize frequency data from audio streams.
Or just draw a bunch of lines ¯\(ツ)/¯
Made with recorder-js in mind.
$ yarn add react-wave-stream # or npm install react-wave-stream --save
Check out real usage here
const data = getMyAudioFrequencyData();
<WaveStream
data={data}
/>data:PropTypes.arrayOf(PropTypes.number).isRequired
An array of 255 numbers. These numbers will be used in determining the height of the lines.
lineTo:PropTypes.number
Must be between 0 and 255. This number determines the length of the white line
coming from the right side. If you don't proved this prop, we draw the line
to the last non-zero number in the list. We decided to make this a prop because
recorder-js gives this to use in the onAnalysed response.