This is an example application that shows how to visualise audio from the microphone using the Web Audio API in React.

If you're interested in how to build a visualiser like this in React, check out the blog post Audio visualisation with the Web Audio API and React.

For more on the canvas and React, check out the post Techniques for animating on the canvas in React.

You need Node.js installed to run the application.

Clone or download the project from GitHub, change into the directory and install the dependencies.

git clone https://github.com/philnash/react-web-audio.git
cd react-web-audio
npm install

Start the application:

npm start

And open the browser to http://localhost:3000/.