Query for Web SDK Integration with Angular 7

Hi i tommy i integreated web sdk in angular and it works fine, really you had done a great job thanks. I have one concern , how can a schedule meeting in angular i mean i want to consume zoom meeting api in angular.

1 Like

Hey @sheikhumer973, thanks for the compliment!

You will need a backend proxy server to call the Create Meeting endpoint. If you try to call from the frontend, you will get a cors error.

Thanks,
Tommy

Hey everyone,

Here is the official Angular Web SDK Sample App:

Thanks,
Tommy

Hi Tommy,

can you confirm, can i join the meeting using angular if i am having free account, because my client has said to me for demo app then after he will take business account on zoom.

Hey @speaktoniraj89,

You need a Pro or higher account to integrate with the Web SDK.

Thanks,
Tommy

Hi, have problem with web SDK on servers, locally everything is ok.
Saw github repo with zoom-angular integration, did’t help.
version:
“zoomus/websdk”: “^1.7.9”,

Capture

If i set optimization:false for production in angular.json, error not showing again.

Hey @ivan,

Can you send me a github link to your code so I can test the issue?

Until then, set optimization to false so it works.

Thanks,
Tommy

Unfortunately I can’t (NDA) :(, i resolved issue by using scripts in index.html, now Angular optimization: true and everything is ok. Will try to use node modules later, maybe mistake in app configs

1 Like

Happy to hear you got it working! :slight_smile:

Thanks,
Tommy

is it mandatory to plane meeting before for reserve meetingId, or we give any random IdMeeting ?

Hey @ouhamza.web.pro,

Yes, you must use a real meeting ID. You can generate one on the Zoom App, Zoom Web UI, or the API.

Thanks,
Tommy

hello @tommy i am facing error like=>
zone.js:3243 GET http://localhost:4200/node_modules/@zoomus/websdk/dist/lib/av/6331_audio.encode.wasm 404 (Not Found)
scheduleTask @ zone.js:3243
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
scheduleMacroTaskWithCurrentZone @ zone.js:1245
(anonymous) @ zone.js:3276
proto. @ zone.js:1569
s @ zoomus-websdk.umd.min.js:2
w @ zoomus-websdk.umd.min.js:2
./src/app/app.component.ts @ app.component.ts:7
webpack_require @ bootstrap:78
./src/app/app.module.ts @ app.component.ts:15
webpack_require @ bootstrap:78
./src/main.ts @ main.ts:1
webpack_require @ bootstrap:78
0 @ main.ts:12
webpack_require @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
zone.js:3243 GET http://localhost:4200/node_modules/@zoomus/websdk/dist/lib/av/6331_video.decode.wasm 404 (Not Found)
scheduleTask @ zone.js:3243
push…/node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push…/node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
scheduleMacroTaskWithCurrentZone @ zone.js:1245
(anonymous) @ zone.js:3276
proto. @ zone.js:1569
s @ zoomus-websdk.umd.min.js:2
w @ zoomus-websdk.umd.min.js:2
./src/app/app.component.ts @ app.component.ts:7
webpack_require @ bootstrap:78
./src/app/app.module.ts @ app.component.ts:15
webpack_require @ bootstrap:78
./src/main.ts @ main.ts:1
webpack_require @ bootstrap:78
0 @ main.ts:12
webpack_require @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
zoomus-websdk.umd.min.js:2 GET http://localhost:4200/node_modules/@zoomus/websdk/dist/lib/webim.min.js net::ERR_ABORTED 404 (Not Found)
y @ zoomus-websdk.umd.min.js:2
O @ zoomus-websdk.umd.min.js:2
./src/app/app.component.ts @ app.component.ts:8
webpack_require @ bootstrap:78
./src/app/app.module.ts @ app.component.ts:15
webpack_require @ bootstrap:78
./src/main.ts @ main.ts:1
webpack_require @ bootstrap:78
0 @ main.ts:12
webpack_require @ bootstrap:78
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
Can you help me

Hey @abhinesh.pathak,

Thank you for reaching out to the Zoom Developer Forum. First please make sure that you have added the latest version of the Web SDK as a dependency and that you have installed dependencies.

If that doesn’t help, try using the CDN method to specify dependencies and make sure that you are preparing required files.

You can use our Sample Web App or Sample Angular App as a reference too.

I hope that helps! Let me know if you have any questions.

Thanks,
Max

thanks @MaxM for reply.
i want to create meeting functionality in my project with the help of angular 7 .
Please help me.

Hey @abhinesh.pathak,

Please use our Sample Angular App as a reference when building your application. If you encounter any further issues, please submit a new forum post and I’ll assist you from there.

Thanks,
Max

Hey @ MaxM Thanks for your Great support and mail.
Now I am able to join the meeting but I want to create a meeting and list of meetings from my application on how to integrate your services please help.

Thanks
Abhinesh Pathak

Hey @abhinesh.pathak ,

You can accomplish this with our Meeting APIs. :slight_smile:

Thanks,
Tommy