I need help on @zoomus/websdk

use142007 · October 5, 2020, 12:31pm

Description
I plan to create a Complete Video Website,
by Integrating Zoom Api

Error
My Problem is that it keeps creating Zoom div

on top of everything else, and I can’t find the code where it is being created
any help?

Which App Type (OAuth / Chatbot / JWT / Webhook)?
it’s within WebSDK

How To Reproduce (If applicable)
Steps to reproduce the behavior:

Create Angular Blank using angular CLI
add your zoomMTG code.

Screenshots (If applicable)

alexmayo · October 5, 2020, 9:21pm

This div is created whenever the web SDK is initialised… Somewhere, in one of your files you are initialising the SDK.

use142007 · October 6, 2020, 11:52am

so it means I can move the div to other pages ?

or it has to be in the index?
weird since I didn’t initialize the SDK in the html

there was no such script that was loaded,

use142007 · October 6, 2020, 11:53am

what I input is in the angular.json

here

sorry for double post, the post won’t let me embedd 2 Images in the post

tommy · October 7, 2020, 9:54pm

Hey @use142007,

When you import the Web SDK it will display itself in a div over your web page. Here is a good example of how to show and hide it when you want:

github.com

zoom/websdk-sample-angular/blob/master/src/styles.css#L7


/* You can add global styles to this file, and also import other style files */

html, body {
  min-width: 0 !important;
}

#zmmtg-root {
  display: none;
}

github.com

zoom/websdk-sample-angular/blob/master/src/app/app.component.ts#L53


    } else {
      console.log(data)
    }
  }).catch((error) => {
    console.log(error)
  })
}

startMeeting(signature) {

  document.getElementById('zmmtg-root').style.display = 'block'

  ZoomMtg.init({
    leaveUrl: this.leaveUrl,
    isSupportAV: true,
    success: (success) => {
      console.log(success)

      ZoomMtg.join({
        signature: signature,
        meetingNumber: this.meetingNumber,

Thanks for your suggestions @alexmayo!

Thanks,
Tommy

use142007 · October 8, 2020, 8:24am

yes, my issue is that I can’t move that div, to place it anyway in my other pages ?

I’m kind of using angular right now,

My problem is that I want it to move to other places

alexmayo · October 9, 2020, 10:14am

I’m not familiar with Angular, however currently I have the Zoom element set up in an iframe, which allows me to place it wherever I’d like. It’s not officially supported but it does work perfectly.

will.zoom · October 12, 2020, 2:56pm

Hey @use142007,

The sample angular app is intended to be implemented in its entirety as a full web app. While you might consider @alexmayo suggestion, do keep in mind that it’s not something we officially support, but could be a workaround for you.

Best,
Will

system · November 12, 2020, 12:56am

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

Topic		Replies	Views
Web SDK Version 1.7.6 is now live! New Releases	20	3467	May 5, 2020
Generate Error in console after join meeting Web	2	401	November 15, 2020
CSS flexbox markup for `WebSDK-sample-angular` project Web	8	947	November 30, 2020
Websdk-sample-angular not function in angular 9 Web	8	1135	August 21, 2020
Zoom web sdk v1.9.1, I am trying to put the zmmtg-root inside a component (Angular) Web	2	707	June 4, 2021

I need help on @zoomus/websdk

Related Topics