I have successfully built and deployed a demo app on experience cloud shell (based on Adobe IO app builder framework: https://www.adobe.io/app-builder/).
My app uses browser's speech API for speech recognition through microphone. The issue here is that when the app runs on experience cloud shell, it's inside an iframe. Hence, the microphone access is not allowed. The iframe tag requires allow="micrphone;" for this to work.
Please suggest what can be done as a workaround.
Check whether you can able to access iFrame object. If so you can able to set the allow attribute using JS.
allow attribute only supported by Chromium-based browsers. It lets you allow whitelist specific features like letting the iframe access to the accelerometer, the battery information, or the Microphone.