Join meeting button dont work Zoom Meeting SDK Sample Angular

guillermo · February 23, 2022, 1:24am

Description
After install sdk following this method:…
zoom/meetingsdk-sample-angular: Use the Zoom Meeting SDK in an Angular App (github.com)

… the join meeting button is not working like unclickable

Browser Console Error

EDGE:

edge console

Which Web Meeting SDK version?
v2.2.0, released 27 days ago

Meeting SDK Code Snippets
The code snippets that are causing the error / issue so we can reproduce.

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

Go to: Zoom Meeting SDK Sample Angular
Click on ‘Join Meeting.’

Device (please complete the following information):

Device:HP laptop
OS: windows 10 home
Browser: Chrome & Edge

tommy · February 23, 2022, 3:37pm

Hey @guillermo ,

I am not able to reproduce this. Can you share steps to reproduce the issue? Can you add some console.logs to see if the button is clicked?

Make sure you have provided a signature url:

github.com

zoom/meetingsdk-sample-angular/blob/master/src/app/app.component.ts#L23

      
        
            ZoomMtg.i18n.reload('en-US');
            
            
@Component({
              selector: 'app-root',
              templateUrl: './app.component.html',
              styleUrls: ['./app.component.css']
            })
            export class AppComponent implements OnInit {
            
            
  // setup your signature endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
              signatureEndpoint = ''
              apiKey = ''
              meetingNumber = '123456789'
              role = 0
              leaveUrl = 'http://localhost:4200'
              userName = 'Angular'
              userEmail = ''
              passWord = ''
              // pass in the registrant's token if your meeting or webinar requires registration. More info here:
              // Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-registered
              // Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-registered

Thanks,
Tommy

guillermo · February 24, 2022, 12:10am

Cool super cool…

When I read for first time the readme:

NEW: To use the Component View, replace app.component.ts with app-new.component.ts. (The leaveUrl is not needed).

I just fullfill info on app-new.components.ts and no in app.components

Your message help me to figure out that this file was also requested to be fullfiled.

Now is working… but with a very small window (or widget) … this is expected? Can I change the size of the window?

guillermo · February 24, 2022, 12:18pm

@tommy Im back here… Just with more doubts, that I wish you can help.

Im not able to:

Access Gallery View
Change video custom background

Can you give me a hand?

donte.zoom · February 25, 2022, 7:00am

Hi, @guillermo,

To access Gallery view, you have to enable web cross-origin isolation, you can follow the step in here Web SDK gallery view help documentation:

Web SDK Gallery View

Can you share more details about what you mean by “changing the video custom background” ? Are you looking to change the virtual background?

Thanks,
Donte

system · March 27, 2022, 5:01pm

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

Topic		Replies	Views
Why is Zoom Meeting sdk not running in Angular project? Meeting SDK	2	104	April 9, 2024
Not able to join meeting using zoom angular sdk Meeting SDK	1	199	February 1, 2023
Meeting sdk not work Web	13	200	May 11, 2024
Joining meeting timeout. - websdk-sample-angular Web	18	1998	August 21, 2020
Black screen when trying to join meeting Web	29	2114	February 25, 2021

Join meeting button dont work Zoom Meeting SDK Sample Angular

Related topics