Help embed zoom meeting with javascript cdn

Meeting SDK Web
1

Description
Hi @tommy It’s me again.
I public your zoom cdn to server .Net ,return to partialView and show with Iframe it is not working share screen and camera.

image
image1298×780 54.7 KB

how do I can fix it. Please help me this issuse.
My website is Http : http://k12a.vn:8888/
That Links are block with http ?
My localhost start Ok

Error

image
image1912×934 55.6 KB

my localhost :

image
image1917×934 226 KB

2

Hey @lovenco0410,

If I understood your problem correctly, here is my analogy

Possible Reasons:

  1. The browser may block https (secure origin) calls from an insecure domain. An exception lies with localhost:
  2. By default localhost is considered to be a “secure domain”, to encourage testing of secured features on a test domain (like notifications, camera usage, microphone usage, geolocation usage, filesystem usage etc).
  3. These permissions will not run from an insecure domain with http:, and you need a VALID CERTIFICATE FOR THE SAME.
  • I run a public domain at both in http and https. I have tested some features actually are unstable with http:, but works fine with https:.

The ReCaptcha Issue

Please refer to this article:
https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/meetings/join#joining-meetings-with-recaptcha

A quote from the document

As of version 1.7.9, meeting participants might see a reCAPTCHA check to join meetings.
To ensure this check is working, run your application on port 80 or 443.
On successful join methods, participants might see a pop up modal with a reCAPTCHA check.
After participants successfully complete reCAPTCHA, they will enter the meeting.

Similar Topics:

Some ERR_CERT_COMMON_NAME_INVALID reports are here. Please refer:

Iframe Issue

And yes, as you mentioned iframe. Zoom does not promote anyway embedding meeting in an iframe. Hence they have a fully working WebSDK to use. Using that you can “EMBED” any ongoing meeting anywhere.

Possible Iframe Alternative

However to show a “LIVE FEED” of your meeting, without having to let participants be a part of it, you can use Live Streaming (Paid Feature). See these articles:

https://support.zoom.us/hc/en-us/articles/115000350406-Live-streaming-meetings-or-webinars-on-Facebook

https://support.zoom.us/hc/en-us/articles/115005460286

https://support.zoom.us/hc/en-us/articles/360028478292

You will find this feature at:
Live Streaming of a meeting, source: support.zoom.us

Also if you still need help regarding any more documentations:

  1. WEB SDK

https://marketplace.zoom.us/docs/sdk/native-sdks/web

  1. API

https://marketplace.zoom.us/docs/api-reference/introduction

If you have any more problems or queries just feel free ask more, and I would be happy to help

Stay Safe and Happy Zooming!!
Best Wishes,
Anweshan (@anweshan)

3

Thank you so much . I understand. I’m using iframe because my project is using material angular but this zoom is using react-bootstrap . that conflic css

4

I’m glad to hear that @anweshan was able to help! Let us know if you have any questions @lovenco0410

Max

5

I want to leave meeting in then parent window Iframe.
Please help me need to trigger what event ?
Thanks
Lamnv

6

Hey @lovenco0410 ,

Checkout the leaveMeeting function in our Web Client SDK reference: https://marketplace.zoom.us/docs/sdk/native-sdks/web/reference

Thanks,
Tommy

7

If I use SDK, the css in my angular using material and your css (react-bootstrap )was conflict… Could you help me resolved it @tommy

Thanks,
@lovenco0410

8

Hey @lovenco0410,

Unfortunately, this is outside of what we can help support currently. However, we do plan to update the dependencies we use as we release new versions of the Web SDK.

In the meantime, please see our Sample Angular App for a reference of how you can implement this.

Thanks,
Max

9

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.