Expand my Community achievements bar.

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

Avatar

Level 3

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 

7 Replies

Avatar

Community Advisor

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 

Avatar

Community Advisor

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

Let's ask to wider team 

@SarahXu @duypnguyen - can you help here please

Avatar

Community Advisor

Hi @Saif  

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

Avatar

Employee
Employee

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