Use iframe to launch and join meeting on website

Meeting SDK Web
1

Description
Currently, we launch and join the meeting with our users with 1 click. if we want to embed our platform with the Iframe then is there a way to integrate it, and what exactly is the url, do we store the zoom data, especially the meeting ID. Please help us.

2

Hey @instarama ,

To embed Zoom meetings into your website, you can use the Web Client SDK. :slight_smile:

Let me know if you have any other questions.

Thanks,
Tommy

3

When imported, the Web SDK adds new elements to the DOM to handle Meeting window overlays and accessibility elements. The following elements are added to the end of <body></body>

=> with this can i choose the place where i want to put the app in, for example i want to put it in <div class="col-md-12"></div>

4

Hi @tommy Can you reply me?

5

Hi @instarama,

You can place the Web SDK into a div. Please see this post for more details on the recommended approach for this:

Let me know if this helps! :slight_smile:
Will

6

I have same issue and adding div doesn’t help.

7

Hey @varsha.lodha,

Just to clarify, are you using an iframe to add the Web SDK to your page? If so, I would use our Sample Web App to add it directly to your website.

Let me know if you have any questions.

Thanks,
Max

8

I am using Sample Web App. However it doesn’t work on my centos box. Npm run start gives following error:

websdk-local@1.9.5 start /home/centos/sunstone-ui/sample-app-web/Local
set NODE_ENV=development && set BABEL_ENV=development && webpack serve --config webpack.config.dev.js

https false
disableCORP true
:information_source: ｢wds｣: Project is running at http://0.0.0.0:9999/
:information_source: ｢wds｣: webpack output is served from /static
:information_source: ｢wds｣: Content not from webpack is served from /home/centos/sunstone-ui/sample-app-web/Local
events.js:174
throw er; // Unhandled ‘error’ event
^

Error: spawn chrome ENOENT
at Process.ChildProcess._handle.onexit (internal/child_process.js:240:19)
at onErrorNT (internal/child_process.js:415:16)
at process._tickCallback (internal/process/next_tick.js:63:19)
at Function.Module.runMain (internal/modules/cjs/loader.js:834:11)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
Emitted ‘error’ event at:
at Process.ChildProcess._handle.onexit (internal/child_process.js:246:12)
at onErrorNT (internal/child_process.js:415:16)
[… lines matching original stack trace …]
at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! websdk-local@1.9.5 start: set NODE_ENV=development && set BABEL_ENV=development && webpack serve --config webpack.config.dev.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the websdk-local@1.9.5 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /home/centos/.npm/_logs/2021-05-23T03_37_37_009Z-debug.log

9

Hey @varsha.lodha ,

Thanks for reporting this. I will provide updates in this thread:

-Tommy

10

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