Allowing microphone access on embedded web app

Hi there,

 

Thanks for the reply - but no, it is not to do with that unfortunately. That is a response on the part of the app when it is receiving no mic input.

The issue appears to be that the iframe refuses to receive audio - and this occurs on both Rise and Storyline when published as an uploadable LMS package. While it works in Rise's builder and preview it still fails when it is a package uploaded to an LMS.

Any info/solutions are highly appreciated, thank you for your time so far.

Hello,

I would love to - if I knew where to find it! Could you please advise on exactly which file the iframe code can be found in? In the meantime, here is the slide/web object in question.

Thanks in advance!

I've been working on exactly this problem - enabling microphone access for embedded web apps in Storyline 360.

The core issue is that Storyline's Web Object creates an iframe without the allow attribute, so the browser blocks microphone access. The fix is a JavaScript trigger that finds the iframe after it loads and adds the permissions:

setTimeout(function() {
  var iframe = document.querySelector('iframe[src*="YOUR_DOMAIN"]');
  if (iframe) {
    iframe.setAttribute('allow', 'microphone; camera; autoplay');
    console.log('Permissions enabled');
  }
}, 500);

Set this as an Execute JavaScript trigger on Timeline Starts for the slide containing the Web Object. Replace YOUR_DOMAIN with whatever domain your embedded app is on.

A few things to be aware of:

• This works in published output and Storyline preview, but not in Review 360 (Review 360 has its own iframe restrictions)
• The host page must be served over HTTPS for the browser to allow microphone access
• If the iframe takes longer to load, increase the timeout from 500 to 1000 or 2000
• Test in Chrome, Firefox, Edge — they all handle this slightly differently

I wrote up the full implementation including troubleshooting common issues here: https://www.zenobits.co.uk/docs/zenobits-storyline-integration-guide (see the microphone permissions section specifically)