We are using the following plugin in our ionic mobile app.
and its version as follows : “@ionic-native/zoom”: “^5.36.0”
We are implementing it as follows :
app.module.ts :
import { Zoom } from '@ionic-native/zoom/ngx';
providers: [Zoom, { provide: HTTP_INTERCEPTORS, useClass: HttpConfigInterceptor, multi: true }]
app.component.ts
import { Zoom } from '@ionic-native/zoom/ngx';
ZOOM_API_KEY = 'Uz17S00oiu836BdoYeKdcIdJ9TGh*****';
ZOOM_API_SECRET = 's1dLuqFZJvhtmIUaXrZdZwL******';
constructor(
private zoomService: Zoom) {
this.initializeApp();
}
initializeApp() {
this.platform.ready().then(() => {
this.zoomService.initialize(this.ZOOM_API_KEY, this.ZOOM_API_SECRET)
.then((success: any) => alert(success))
.catch((error: any) => alert(error));
});
}
zoommeeting.page.ts
import { Zoom } from '@ionic-native/zoom/ngx';
zoom_meeting_number = '81364711117';
zoom_meeting_password = '858431';
zoom_display_name = 'AAAA';
zoom_options = {
"no_driving_mode": true,
"no_invite": true,
"no_meeting_end_message": true,
"no_titlebar": false,
"no_bottom_toolbar": false,
"no_dial_in_via_phone": true,
"no_dial_out_to_phone": true,
"no_disconnect_audio": true,
"no_share": true,
"no_audio": true,
"no_video": true,
"no_meeting_error_message": true
};
constructor(private zoomService: Zoom) {}
joinMeeting() {
this.zoomService.joinMeeting(this.zoom_meeting_number, this.zoom_meeting_password, this.zoom_display_name, this.zoom_options)
.then((success: any) => {
console.log('join success');
console.log(success);
}).catch((error: any) => {
console.log('join error');
console.log(error)
});
}
zoommeeting.page.html
<div class="ion-text-center p-1">
<h3><strong>Ongoing zoom meeting</strong></h3>
<ion-button (click)="joinMeeting()">Join Meeting</ion-button>
</div>
Screenshots
After clicking on the “Join Meeting” button it goes to the zoom with loader and “preparing meeting” (screenshot attached). After that, it throws a success message and returns to our app.
Please help regarding it.