Unable to access camera or audio when embedding SDK into Iframe

Meeting SDK
1

Meeting SDK 2.14.0

Client View

I am embedding an HTML web page configured with the Zoom Meeting SDK into a separate web page via iframe.

All the relevant attributes(I.e. camera, microphone, screen-wake-lock) are enabled in the iframe

Both pages have different domain, but no cross-domain issues are encountered as the iframe domain is allowed in the root page

However when the Meeting SDK loads in the iframe this errors appear in thse console

NotAllowedError, Failed to execute ‘request’ on ‘WakeLock’: Access to Screen Wake Lock features is disallowed by permissions policy

And neither the Camera nor the Audio can be activated and the below error appears

Audio is unavailable for use at this time. Please refresh the page. [Learn more] how to allow access to your microphone.

Enable camera access in your browser’s address bar.

There is no option to enable the camera in the address bar

Please help resolve
Thank you

2

@luca.licata ,

Edited. I’ve managed to get it working with the code below. Camera, microphone, screen lock are ok.

I’m using this as my iframe

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Zoom Meeting SDK Sample JavaScript</title>
    <script src="coi-serviceworker.js"></script>
   
  </head>
  <body>
  
  
    <iframe src="https://msdk.purejs.asdc.cc/index-latest.html?meetingNumber=1111111111&passWord=123123&role=0" allow="camera; microphone; screen-wake-lock;" width="1024" height="768"></iframe>

  </body>
</html>
3

Hi @chunsiong.zoom

Thank you very much for your response

We have already all those attributes in the iframe tag, but still blocking it

Please let me know if you have any other suggestions

Thank you
Luca

4

@luca ,

Could you try loading my hosted sample application with your client?
I’m assuming your client is a mobile browser.

https://msdk.purejs.asdc.cc/iframe.html

5

@chunsiong.zoom Could you explain how you constructed the src attribute for the iFrame?

6

@itango8 ,

You need to host your own web SDK on a server, and then point the iframe to it using src

7

It has the same effect, I am starting to think its something in the application so we will be doing some testing and will let you know the results, thank you very much for your help Chun!!

1 Like
8

@chunsiong.zoom Thank you for your answer. I created a new topic, related to my question, Can I use an iFrame with the Meeting SDK app type for authorization?. When you have a chance please check it.