Forum Discussion

DanAdams-9ad8e6's avatar
DanAdams-9ad8e6
Community Member
3 months ago

Allowing microphone access on embedded web app

I have embedded a web app into my Storyline via a web object, and do not seem to be able to find any way to allow the Storyline to access the user's microphone.   How do I go about allowing the e...
advice
Articulate 360
storyline 360
JoseTansengco's avatar
JoseTansengco
Staff
3 months ago

Hi DanAdams-9ad8e6,

Happy to help!

You can try modifying your iframe to add the allow tags and specify the exact permissions you need. Example:

<iframe src="..." allow=”autoplay; microphone”></iframe>

Hope this helps!

  • DannyMcGee-3972's avatar
    DannyMcGee-3972
    Community Member
    19 days ago

    Hi, I am experiencing a similar issue. I have a web app that I am running through the web object option in Storyline. When I publish and run in preview I'm getting this message. 

    "The security policies of this page don't allow using the microphone." I'm unsure if this is related to the page or to Storyline and would appreciate some advice. 

     

    • LucianaPiazza's avatar
      LucianaPiazza
      Staff
      16 days ago

      Hello DannyMcGee-3972, 

      Thanks for reaching out regarding the Audio settings message you are receiving when trying to access the microphone. This may be related to the security settings of the hosting website or the browser rather than Storyline itself. I have a few clarifying questions to better understand your setup!

      • What web app are you currently using? Can you natively access the microphone for this site when viewing it in a browser window? 

       

      • From your screenshot, I understand you are using Edge. Do you experience this behavior in another browser? I'm curious if it is browser-specific.  


      As a first step, here are a few things you can check: 

      • Secure Hosting: Ensure your web app is hosted on a secure website using `https://`. Modern browsers block mixed content, so if your web app uses `http://`, it might be causing the issue.
      • Browser Permissions: Check the browser settings to ensure that microphone access is allowed for the site where your web app is hosted.
      • iFrame Restrictions: If your web app is embedded in an iframe, ensure the hosting website allows it. Some sites have `X-Frame-Options` set to `SAMEORIGIN` or `DENY`, which can prevent the web object from functioning properly.
         

      If you're still having trouble, we'd be happy to examine your file more closely. You can upload your .story file to this thread or privately in a support case. 

      Looking forward to hearing from you! 

Related Content