Browser Web Speech API not working after deploying app on experience cloud shell

[Saif]

Hello,

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.

Regards,

Saif 

[Gokul_Agiwal]

Hi @Saif 

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.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe 

[Saif]

I can't access the iFrame object.

[Gokul_Agiwal]

ohh ..I did check in documentation but not seeing anything. 

Let's ask to wider team 

@SarahXu @duypnguyen - can you help here please

[Saif]

Anything on the above?

[Gokul_Agiwal]

Hi @Saif  

Haven't came across anything and not tried, lets see if @tmj can help you here.

[tmj]

Thanks for adding me here @Gokul_Agiwal  - I have reached out to @SarahXu (App Builder PM) for guidance. 

[Gokul_Agiwal]

Thank you @tmj , @SarahXu Much appreciated !!!