https://wavplay.vercel.app/
-
The program uses the navigator.mediaDevices.getUserMedia method to get access to the user’s microphone.
-
It creates an AudioContext and a MediaStreamSource from the user’s microphone stream.
-
It connects the MediaStreamSource to an AnalyserNode to get audio data.
-
It uses the requestAnimationFrame method to continuously update a canvas with the audio data.
-
It uses the MediaRecorder API to record the audio from the user’s microphone.
-
When the recording is stopped, it creates a Blob from the recorded audio data, creates a URL for the Blob, and plays the audio.