Works today! Only change I needed was to replace the password value with the passcode (from Zoom Profile settings). Also in the init() there was a webEndpoint: 'PSO web domain' property they added, which was not necessary for it to work. Because it kept triggering the join timeout error. Hope this helps some ppl out. Anyways great video, please do make the next one!
Thank you so much for the feedback much appreciated yes sure I will make following videos soon These videos are work in process after post-production, I will upload them. Here is list ----------------- Webhook zoom WebApi integration Basic customization in zoom web SDK Zoom integration in PHP Zoom integration in MVC 5 Zoom integration in vuejs ....
@@theprogrammersgarage3754 Thanks for the reply! And that is a lot to work on. Those are excellent ideas for the long term, but I would try to focus on one particular topic and cover that. To keep up a regular video upload schedule. I know when I take on multiple projects there are many to-dos to make progress, but very little actually gets done (in terms of finishing any single product or video). With concentrated focus, we can accomplish more! I am particularly interested in whether it is possible to modify the Zoom UI. Since @22:00 you are suggesting we use html and css in the ZoomComponent? Would appreciate your input on this, thank you!
wonderful explanation thanks first of all.. I tried it too!. But my app becomes unresponsive to fit to mobile browser. Do you know how to resolve this issue. thanks in advance
yeah that's very easy here is a sample you can do something like this this is just an example you can do a lot of stuff after zoom initialize using (CSS, JS) $('.ReactModalPortal .suspension-canvas-layer').after("your custom HTML footer"); or you can use css $('element').dispaly: none; or you can remove from dom entirely etc .... hope you get the point
thank you so mush can you help me how i can put two api zoom account for two deferent host to put there in two pages and work meeting with deferent students in same time in one website ?
great video sir, one question, what could be causing this error: cannot access 'ZoomVideoChatPageModule' before initialization ReferenceError: Cannot access 'ZoomVideoChatPageModule' before initialization at Module.ZoomVideoChatPageModule (zoom-video-chat-routing.module.ts:17)
so you basically integrated the zooms app in your application like whatever is on the zoom app after start of meeting you just showed inside your application not to go somewhere else. Right?
I'm also getting Reference $ is not defined. If I include in to index.html, this error is resolved. But whenever i do this, my app becomes unresponsive.
Dance Hood thanks for being on my channel !! I think you haven't define inputs and outputs in assets array in angular.json file you need to make sure your configuration matches these defined in the link below github.com/zoom/websdk-sample-angular/blob/master/angular.json#L25
yes its possible we are also doing something like that but we first download the video with an automated crown job from zoom then we upload to our s3 server and then use that video with video js to display in angular but you can do directly as well use zoom API to get video URL and use videojs to play video in angular
nice tutorial, it would be better if you stop skipping the videos, use fast foward instead of jumping minute to minute, it confusing some ppl who really learn from zero. Also instead of copying something behind the scene like you copy something out of nowhere then paste it, you better show us the reference of text that you've been coppied, so we also know the reference and doesnt need to type all the code you've been copy paste.
hello bro I need a reference for Livestream of zoom meeting on the angular website I know that all setting gives your page URL and everything but I am confused at what coding I need to do on angular page
okay there is no reference provided if you want to view the meeting as a stream but its 100% possible because we have done it with CSS and js if time permits this week I will try to make its second part which will cover some of these concepts.
@@akibjaviddahya3954 marketplace.zoom.us/docs/sdk/native-sdks/web/reference sample app github.com/tommygaessler/Zoom-Web-SDK-with-Angular angular app github.com/zoom/websdk-sample-angular go through all of this devforum.zoom.us/t/zoom-webinar-as--without-registration-and-login-and-user-should-have-no-control-i-want-to-share-just-video-and-audio/8508 that's all I can do for you till now
@@theprogrammersgarage3754I Have visited this all sites but I got in a result like how I can join into the meeting. My Task is to live stream of meeting on Angular webpage. Even I don't know how to generate a Streaming key and streaming URL for the angular webpage.
@@sailibakalkar1536 Just use JavaScript. generate button via javascript and append to zoom camera widget element here is a reference www.w3schools.com/jsref/dom_obj_pushbutton.asp
Sir, am getting this error :- ./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js Module parse failed: Unexpected token (2:1127836) You may need an appropriate loader to handle this file type.
Hello thanks for the Video. But Iam getting this error on zoom Joining meeting timeout. Your connection has timed out and you cannot join the meeting. Verify your network connectivity and try again.
sorry I was very busy in development I have 3 more videos pending on this serious and I wasn't able to publish it hopefully very soon I will upload complete series and source code
I'm getting this warning WARNING in C:\Users\siva\Downloads\zoom-integration\src\app\zoom\zoom.component.ts depends on '@zoomus/websdk'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: angular.io/guide/build#configuring-commonjs-dependencies
@@BAIZEB First of all, you need to do npm install to update all package mainly zoom web SDK 2ndly if you want to get meeting id from database then for example do XHR request after ngViewInit to get meeting id THEN call the config method where you need to pass the received meeting id and as I told you in most cases in zoom many peoples don't update there zoom web SDKso I would highly recommend reinstall or update or just do npm install and I think this can resolve your issue. I hope it works Have good day!
Works today! Only change I needed was to replace the password value with the passcode (from Zoom Profile settings). Also in the init() there was a webEndpoint: 'PSO web domain' property they added, which was not necessary for it to work. Because it kept triggering the join timeout error. Hope this helps some ppl out. Anyways great video, please do make the next one!
Thank you so much for the feedback much appreciated yes sure I will make following videos soon
These videos are work in process
after post-production, I will upload them.
Here is list
-----------------
Webhook zoom
WebApi integration
Basic customization in zoom web SDK
Zoom integration in PHP
Zoom integration in MVC 5
Zoom integration in vuejs ....
@@theprogrammersgarage3754 Thanks for the reply! And that is a lot to work on. Those are excellent ideas for the long term, but I would try to focus on one particular topic and cover that. To keep up a regular video upload schedule. I know when I take on multiple projects there are many to-dos to make progress, but very little actually gets done (in terms of finishing any single product or video). With concentrated focus, we can accomplish more!
I am particularly interested in whether it is possible to modify the Zoom UI. Since @22:00 you are suggesting we use html and css in the ZoomComponent? Would appreciate your input on this, thank you!
Thank You. You provided me the solution for my small project.
Hello All refer this site also this is very helpful with Khizar video
Thanks, Man match appreciated
What is the equivalent file for angular.json if I am using Laravel without angular?
you can directly put the zoom js link there as we do with bootstrap etc
if you have found the solution kindly share it here with all of us...
thanks
this video open my eye to what i was missing. Great job
Thanks man much appreciated your positive comment :)
Thankyou soo much for this helping tutorial
Thanks RJ
Tks man for your help.
I will start now create it.
Greetings from Brazil.
Best of luck!
wonderful explanation thanks first of all.. I tried it too!. But my app becomes unresponsive to fit to mobile browser. Do you know how to resolve this issue. thanks in advance
hey how did you solve this problem?
yes you can inject zoom component as child of another component from parent you can specify the height and width of whole zoom component
If nothing works for your responses I will suggest to you that you should play with the css we have custimize screen via css for our appp
Hi , Nice Tutorial , Can you please Share Zoom Web Sdk integration in PHP Also
Hopefully next week
What is i want to disabled participate controls like participate can't speak and also disable video
yeah that's very easy
here is a sample you can do something like this
this is just an example you can do a lot of stuff after zoom initialize using (CSS, JS)
$('.ReactModalPortal .suspension-canvas-layer').after("your custom HTML footer");
or you can use css $('element').dispaly: none;
or you can remove from dom entirely etc ....
hope you get the point
@@theprogrammersgarage3754 thanks for your prompt reply
Nice Tutorial,
How to put the zoom window inside a div?
i also want to know
thank you so mush
can you help me
how i can put two api zoom account for two deferent host to put there in two pages and work meeting with deferent students in same time in one website ?
great video sir, one question, what could be causing this error:
cannot access 'ZoomVideoChatPageModule' before initialization
ReferenceError: Cannot access 'ZoomVideoChatPageModule' before initialization
at Module.ZoomVideoChatPageModule (zoom-video-chat-routing.module.ts:17)
i created a button and is trying to route from a page to the zoom page and i keep getting this error from the router page
working! nice tutorial, thanks !
very happy to know!
thanks for the comment
hai, nice video.
i tried to follow step by step, but i dont find app-routing.module.ts on app directory. please help me.
Let me check
past your code here in comment
can you please make more video on zoom api?
so you basically integrated the zooms app in your application like whatever is on the zoom app after start of meeting you just showed inside your application not to go somewhere else. Right?
yes we this is websdk and you can integrate zoom app into your andriod, ios and even in windows application all kind of zoom sdk are available
Hi explaination is very good, I implement it but I am unable to join it gives me "Joining time out"
I think you have to give real meeting Id And Password so it will directly redirect on Joining Meeting Page.
you need to update your web-sdk plus you need to make sure you have updated your sdk to latest version
I'm also getting Reference $ is not defined. If I include in to index.html, this error is resolved.
But whenever i do this, my app becomes unresponsive.
Dance Hood thanks for being on my channel !!
I think you haven't define inputs and outputs in assets array in angular.json file
you need to make sure your configuration matches these defined in the link below
github.com/zoom/websdk-sample-angular/blob/master/angular.json#L25
plus I notice the version of zoom is 1.7.2 but zoom latest stable version is 1.7.7 so make sure to update zoom web SDK version as well
Are you using Angular?
@@akibjaviddahya3954 hey do uy know how to fix the issue of the app not fitting to mobile view after installing zoommtg?
Hey this is a good video buddy, any plans for coming with a 2nd part?
Happy to know you like 2nd part I will upload it in 1-2 days as I'm working on postproduction
uploaded 2nd part 3 part will be upload tomorrow
How I can track videos from cloud recording to Angular App? is possible?
yes its possible we are also doing something like that but we first download the video with an automated crown job from zoom then we upload to our s3 server and then use that video with video js to display in angular but you can do directly as well use zoom API to get video URL and use videojs to play video in angular
Hello, and does this work on a mobile web?
yes
can you share the code of angular 9 to create a meeting
will do soon
nice tutorial, it would be better if you stop skipping the videos, use fast foward instead of jumping minute to minute, it confusing some ppl who really learn from zero. Also instead of copying something behind the scene like you copy something out of nowhere then paste it, you better show us the reference of text that you've been coppied, so we also know the reference and doesnt need to type all the code you've been copy paste.
i implement the complete tutorials , no errors but no result.
most properly you need to update your zoom web-sdk
@@theprogrammersgarage3754 can you please send me steps how to update ?
@@theprogrammersgarage3754 can you please attach ur complete angular project or email at aurangzeb30@gmail.com . i will be very thank full to you .
@@BAIZEB
npm i @zoomus/websdk
npm install
@@theprogrammersgarage3754 already did this but no luck
please can you do a video to integrate zoom with php ?
lately, I have been very busy I will try 100 % today to make it today hopefully!
@@theprogrammersgarage3754 has this been done?
hello bro I need a reference for Livestream of zoom meeting on the angular website I know that all setting gives your page URL and everything but I am confused at what coding I need to do on angular page
okay there is no reference provided if you want to view the meeting as a stream but its 100% possible because we have done it with CSS and js if time permits this week I will try to make its second part which will cover some of these concepts.
@@theprogrammersgarage3754 Please give me reference video if possible I badly need this
@@akibjaviddahya3954
marketplace.zoom.us/docs/sdk/native-sdks/web/reference
sample app github.com/tommygaessler/Zoom-Web-SDK-with-Angular
angular app github.com/zoom/websdk-sample-angular
go through all of this
devforum.zoom.us/t/zoom-webinar-as--without-registration-and-login-and-user-should-have-no-control-i-want-to-share-just-video-and-audio/8508
that's all I can do for you till now
@@theprogrammersgarage3754I Have visited this all sites but I got in a result like how I can join into the meeting.
My Task is to live stream of meeting on Angular webpage.
Even I don't know how to generate a Streaming key and streaming URL for the angular webpage.
I want to do same.
can i add this angular project as a part of my html code??
yeah sure
@@theprogrammersgarage3754 can i have a take a screenshot button in this...can you guide how can i achieve this..l
@@sailibakalkar1536 Just use JavaScript. generate button via javascript and append to zoom camera widget element
here is a reference
www.w3schools.com/jsref/dom_obj_pushbutton.asp
@@sailibakalkar1536 Hey ! Can I've your number ?
How do I add the sdk in prestashop? Help me
Sir, am getting this error :- ./node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js
Module parse failed: Unexpected token (2:1127836)
You may need an appropriate loader to handle this file type.
hey can i do this thing in moodle?
Hi do you have personal email Id ? To discuss my query that I have . It’s regarding integration of zoom for telemedicine app .
you can email me here
theprogrammersgarage@gmail.com
Zoom Meeting Integration with asp.net .. can help me with MVC
Hello thanks for the Video. But Iam getting this error on zoom
Joining meeting timeout.
Your connection has timed out and you cannot join the meeting. Verify your network connectivity and try again.
Check your app is it using https and secondly update your web sdk to latest version
and lastely check out zoom dev form
Getting same error
Nice no errors showing but no result "loading-layer have 0 init" unable to connect to webinar
You need to update your zoom web-sdk to latest and on zoom dev-form there is info about new update version
can you build app messaging plz
Join meeting not opening on client side??
can you explain little more ?
Is gallery view possible from this sdk
i need a good tutorial integration zoom sdk to iOS and android apps
Clean we integrate zoom with flutter
Hey man, how do i get the source code?
sorry I was very busy in development I have 3 more videos pending on this serious and I wasn't able to publish it hopefully very soon I will upload complete series and source code
@@theprogrammersgarage3754 super, we're looking forward to it
I'm getting this warning
WARNING in C:\Users\siva\Downloads\zoom-integration\src\app\zoom\zoom.component.ts depends on '@zoomus/websdk'. CommonJS or AMD dependencies can
cause optimization bailouts.
For more info see: angular.io/guide/build#configuring-commonjs-dependencies
Cannot read property 'meetingNum
ber' of undefined
you need to define meeting number in configuration of object as I'm passing while I'm calling initialization method in constructor
now i pass all values hard coded but no error and no result , just black window that sit
@@BAIZEB
First of all, you need to do
npm install
to update all package mainly zoom web SDK
2ndly if you want to get meeting id from database then for example
do XHR request after ngViewInit to get meeting id
THEN call the config method where you need to pass the received meeting id
and as I told you in most cases in zoom many peoples don't update there zoom web SDKso I would highly recommend reinstall or update or just do npm install and I think this can resolve your issue. I hope it works Have good day!
Please attach your final source code!
okay sure
please share the source code of it
GitHub link?
marketplace.zoom.us/docs/sdk/native-sdks/web/reference
sample app github.com/tommygaessler/Zoom-Web-SDK-with-Angular
angular app github.com/zoom/websdk-sample-angular