Action Required (URGENT)
I am building a dialer app (embedded app) where a user can make / receive calls with in Shopify.
As we require microphone permission for making and receiving calls, but there is no way to get the microphone permission.
Reason: As embedded apps are embedded using iframe by Shopify, Shopify is not adding allow=”microphone” attribute to the iframe, thus microphone permission throws this error:
[Violation] Permissions policy violation: microphone is not allowed in this document.
Please note that relying on any workarounds like, opening the dialer in a popup window etc. ruins the whole UI / UX (as the main point of our app is to have a native like dialer where the dialer is within the app, not as a popup taking user to a separate window).
Hi @Irfan_Wani, I don’t have a supported workaround that keeps microphone access fully inside the embedded app today.
The current practical option would be to open the calling experience in a top-level page/window controlled by your app, though I understand that isn’t the embedded UX you’re aiming for.
I’ll pass this along as a feature request for embedded apps to support microphone permission delegation in the Admin iframe. Any changes to this will be noted in the developers changelog.
I will second this. The whole aspect of being embedded is horrifyingly difficult to manage because everything is in the embedded iframe and browser security prevents so much interaction OUT of the iframe.
Thanks Kyle. Btw, how to subscribe to changelog to get the emails related to new changes?
Makes sense @Doug_P . But, i wanted to have a full native experience there, so embedded sounds good to me. Though i may go with standalone at the moment due to the microphone issue.
There isn’t an email subscription but you can subscribe to the RSS feed https://shopify.dev/changelog/feed.xml
Personally, I have this set up in a slack channel so I see all updates as they come out.