AudioRecorder | Simple live audio file recorder , based on RecorderJS | Canvas library

I'm working on an audio recording class that either runs for an allotted period of time (such as 5 seconds) or can be stopped early by the user.

I'm using setTimeout to define the recording length, which works. However, I'm having trouble getting setTimeout working with a "stop" button. The error is as follows:

Cannot read properties of null (reading 'stop')

When the startRecording function executes, the handleStopRecording function is called which sets a timer with the "stopRecording" function. If the "stopRecording" function is called before the time elapses (by pressing the "stop" button), the function call that was initially in setTimeout will still execute when the timer expires, causing an error.

I tried fixing this by using clearTimeout, but then the "context" of the original function call is lost and we get the same error:

Cannot read properties of null (reading 'stop')

Unless I'm mistaken, I think this is an issue with closure of the setTimeout function - however I'm not sure how to clear the function early with a stop button and limit recording time.

Thank you in advance!

App.js (React.js)

So I've read various posts and blogs on how to get the amplitude from the microphone on Android. Multiple posts suggested using this implementation:

I'm trying to create an app that records from mic and saves file into WAV format. I found this java class that helped me record and save my recording in WAV format.

I have an iOS app using SwiftUI. It handles a few sound files and performs some audio recording. This is the function doing the recording work:

Please help me! I want to record small size voice files in Android using Titanium.

I am using Titanium.Media.AudioRecorder() to record voice files, but the size of the generated files are too large.

I would like to generate small size voice files. It doesn't matter to have low quality.

What format and what compression type should I use to get better results (small size files)? Thank you

I am using the code below:

Okay, so I've been trying to do this for a long time but I just can't find a solution. I'm building a personal Voice Assistant that only records when a hotword is detected, and everything until here works fine. To record the audio, I'm using the npm package node-record-lcpm16. I can't seem to find a solution to pause or stop(and start again) the recording. On the npm website of the audiorecorder there is a function specified that says recording.stop() but it doesn't work for me. My code right now is:

I'm acquiring PCM raw bytes with new AudioContext({ sampleRate: 16000 }) (note, I'm using Chrome, which supports the sampleRate option), and I'd like to convert the resulting array into a DataView object.

My current code is the following, in the stop method I read the left channel and store it as an array of Float32Arrays.

For the web app I'm building in React, I need to record audio and be able to somehow put that recorded audio in the app's global state so I can use and manipulate that recorded audio in different components of the app.

My global state is setup using React Hooks (made and managed with useReducer, createContext, useContext) and I believe Hooks only work for functional components, not class components.

So the issue I'm running up against is that every tutorial I've followed to get my browser microphone to work uses class components (like the code below), not functional components. And I'm assuming that this is for good reason because when I've tried to translate these class components into functional components, I get the error: "cannot read property 'finish' of 'undefined'"

Are there ways to take this audio data (blobURL) and pass it to my global state?

Alternatively (and ideally), is there a way to use the microphone to record audio in a functional component instead of a class component?

I am trying to return the current decibel level from the iPhone's microphone. I have pieced together this code below and cannot figure out why it won't work. My expectation is that for now it will print the current peak power continuously to the console.

So my questions/issues are:

1. Will "peakPowerForchannel" return the current level or the max for the entire audio session?
2. It appears my button never turns to the stop recording mode and just prints "recording started" every time it is pressed.
3. I can't figure out why the decibel level won't print at all.

Thanks for the help!