I am developing a Zoom app where I want to use a Next.js component, which utilizes webkitSpeechRecognition, to convert speech to text and store that information. This component works perfectly in my other applications (not linked to Zoom). Since the Zoom app uses a browser and has the webkitSpeechRecognition object available, it should be capable of using it, and the component should work as expected.
However, I am encountering the following error:
Speech Recognition Error: not-allowed
I suspect this error is occurring due to the microphone access settings for the Zoom app we are developing. If this is the case, what steps can I take to enable microphone access for our app? Additionally, I am looking for suggestions on how to convert speech to text during a live meeting, as we need access to this functionality to store the transcriptions in our backend.