Query for Web SDK Integration with Angular 7

Hi @tommy,

Not working on my side. Please check my attached screenshot and suggest, if anything is wrong on my hand.
Currently, I am using free account for development.

Thanks,
Gourav Pal

Hey @gourav,

Double check your user is the host of the meeting?

Also are both users using the Web SDK?

A free account should work.

Thanks,
Tommy

Below is my component file where we configure meeting credentials. I am able start meeting and join meeting with out changing role.

Both users using the web SDK.

import { Component, OnInit } from ‘@angular/core’;
// import { ZoomMtg } from ‘zoomus-jssdk’;
declare var ZoomMtg;

ZoomMtg.setZoomJSLib(“https://source.zoom.us/1.6.1/lib”, “/av”)
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

@Component({
selector: ‘app-root’,
templateUrl: ‘./app.component.html’,
styleUrls: [’./app.component.css’]
})
export class AppComponent implements OnInit {

constructor() {

}

meetConfig = {
apiKey: ‘----- API Key ------------’,
apiSecret: ‘----- API Secret ------------’,
meetingNumber: ‘----- Meeting NUmber ------------’,
userName: ‘Gourav’,
passWord: “”,
leaveUrl: “http://localhost:4200”,
role: 1
};

signature = ZoomMtg.generateSignature({
meetingNumber: this.meetConfig.meetingNumber,
apiKey: this.meetConfig.apiKey,
apiSecret: this.meetConfig.apiSecret,
role: this.meetConfig.role,
success: (res) => {
console.log(res.result);
}
});

ngOnInit() {
ZoomMtg.init({
leaveUrl: ‘http://localhost:4200’,
isSupportAV: true,
success: (res) => {
ZoomMtg.join({
meetingNumber: this.meetConfig.meetingNumber,
userName: this.meetConfig.userName,
signature: this.signature,
apiKey: this.meetConfig.apiKey,
userEmail: ‘email@gmail.com’,
passWord: this.meetConfig.passWord,
success: (res) => {
console.log(‘join meeting success’);
},
error: (res) => {
console.log(res);
}
});
},
error: (res) => {
console.log(res);
}
});
}
}

Hey @gourav,

I used the same code I shared previously and it worked.

Maybe try upgrading to the Pro Plan, or try having the other user use the Zoom App and see if you see the remote control option.

Thanks,
Tommy

Hi @tommy,
i am receiving 404 error for used css and js.

.
Thanks,
Gourav Pal

Hey @gourav,

I just tested and it is working. Can you confirm?

Apologies this happened.

Related:


Thanks,
Tommy

Hey @gourav,

For remote control, make sure you have this setting enabled:

Thanks,
Tommy

Hi @tommy

Yes, remote control setting is enabled in my account.
Again downloaded new code from githubhttps://github.com/gouravnetsutra/Zoom-Angular-Remote-Access and change version 1.7.0 methods.
Configured api credentials.
I’m using google chrome browser in india.
Executed angular app and then i’m able start and join meeting from same url.
Another joined user share our screen and host user views joined user screen, but host user is not able to see remote control option.

I’m also trying with Pro account, but host user is not able to see remote control option.
You can check my application on given URLhttps://netsutra.com/zoom-meeting/

Please suggest, if anything wrong.

Thanks,
Gourav

Hey @gourav,

I figured it out. You can control someones screen with the Web SDK, if the person sharing their screen is using the Zoom Client (native app).

Here are the combinations:

Web SDK to Web SDK = Can’t control either screen
Web SDK to Zoom Client App = Can control the Zoom Client App screen
Zoom Client App to Web SDK = Can’t control Web SDK screen
Zoom Client App to Zoom Client App = Can control either screen

Thanks,
Tommy

Hi @tommy,

Thanks for update and remote access is working for Web SDK to Zoom Client App.
Is it possible, Zoom Client App can control the Web SDK screen using remote access?

Thanks,
Gourav

1 Like

Hey @gourav,

We will work on Zoom Client App to Web SDK remote access.

Thanks,
Tommy