Skip to content

A small example React app that listens to the microphone and visualises the audio

License

Notifications You must be signed in to change notification settings

philnash/react-web-audio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

78 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React + Web Audio

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

How to build the app

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.

How to run the app

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

About

A small example React app that listens to the microphone and visualises the audio

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published