# Loading Joining Meeting

**URL:** https://devforum.zoom.us/t/loading-joining-meeting/68623
**Category:** Web
**Tags:** webinar
**Created:** [May 6, 2022, 11:47pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623 "2022-05-06T23:47:46Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![Betsy](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@Betsy](https://devforum.zoom.us/u/Betsy)
#### Post date: [May 6, 2022, 11:47pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/1 "2022-05-06T23:47:46Z")

</div>

**Description**  
I am trying to include a webinar meeting in my website (built in Nextjs) using sdk app type. as shown here [SDK Authorization](https://marketplace.zoom.us/docs/sdk/native-sdks/auth/)

I am using this code to generate the signature and everything seems to be going well.

```auto

try {

    const iat = Math.round((new Date().getTime() - 30000) / 1000);

    const exp = iat + 60 * 60 * 2;

    const oHeader = { alg: "HS256", typ: "JWT" };

    const oPayload = {

      sdkKey: sdkKey,

      mn: meetingNumber,

      role: role,

      iat: iat,

      exp: exp,

      appKey: sdkKey,

      tokenExp: iat + 60 * 60 * 2,

    };

    const sHeader = JSON.stringify(oHeader);

    const sPayload = JSON.stringify(oPayload);

    const sdkJWT = KJUR.jws.JWS.sign("HS256", sHeader, sPayload, sdkSecret);

```

However, when I try to join the window it freezes on “Joining Meeting…” and I don’t get any error messages or anything similar.

I have already read similar posts and I am sure that I have included all the required parameters and in the correct format.

```auto

ZoomMtg.init({

      leaveUrl: leaveUrl,

      isSupportAV: true,

      success: async (success) => {

        const res = await axios.post("url", {

          sdkKey,

          sdkSecret,

          meetingNumber,

          role: 0,

        });

        ZoomMtg.join({

          signature: res.data.signature,

          meetingNumber,

          userName: "someoneUsername",

          sdkKey,

          userEmail: "someone@mail.com",

          passWord: "someonePassword",

          success: (success) => {

            console.info(success);

          },

          error: (error) => {

            console.info(error);

          },

        });

      },

      error: (error) => {

        console.info(error);

      },

    });

```

Please let me know what is the problem here!

**Browser Console Error**  
No Errors displayed

**Which Web Meeting SDK version?**  
@zoomus/websdk2.4.0

---

<div class="post-metadata">

### Author: ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)
#### Post date: [May 9, 2022, 5:22pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/2 "2022-05-09T17:22:52Z")

</div>

Hi, @Betsy.

Can share if you are using Client View or Component View?

# [Join Webinar Client View](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-webinar)

 ![Screen Shot 2022-05-09 at 1.21.06 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/d/6/d66fb31f49eff51bce61528185b7620cad8df95b.png)

# [Join Webinar Component View](https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/webinars#join-webinar)

 ![Screen Shot 2022-05-09 at 1.21.46 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/c/c/cc2fa9a1999031379313c0bc8d78ef422cc21d24.png)

---

<div class="post-metadata">

### Author: ![Betsy](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@Betsy](https://devforum.zoom.us/u/Betsy)
#### Post date: [May 9, 2022, 5:31pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/3 "2022-05-09T17:31:16Z")

</div>

Thaks for reply!! 🙂  
Yes, I’m using Client View.  
I’ve set the role to 0 and am providing an email. What could be wrong?

---

<div class="post-metadata">

### Author: ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)
#### Post date: [May 10, 2022, 3:25am UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/4 "2022-05-10T03:25:59Z")

</div>

@Betsy,

Thanks for confirming @Betsy! First, can share if the webinar was already started? Setting the role to 0 will allow you to join an active webinar, but not start it. Also, in your browser console, have you verified all of the expected property values are there? If so, can you share a screenshot of your console or any other helpful information that might help us narrow this down?

---

<div class="post-metadata">

### Author: ![Betsy](https://avatars.discourse-cdn.com/v4/letter/b/e0b2c6/32.png) [@Betsy](https://devforum.zoom.us/u/Betsy)
#### Post date: [May 10, 2022, 2:40pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/5 "2022-05-10T14:40:26Z")

</div>

Yes! I started the webinar before try to join, and set up the role as 0 to join.  
I attach a screenshot of my console. I have printed the values that I am sending to the join function and indeed, I am filling the required fields. Additionally, I am configuring the tk field, since it is a webinar with prior registration.  
The webinar does not require a password, so I am not sending any information in passWord.  
Finally, the email I am sending corresponds to a user already registered in the webinar.

 ![Captura de pantalla 2022-05-10 093649](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/a/5/a5c33032c282538d426335f3b992fd42cfc381df.jpeg)

---

<div class="post-metadata">

### Author: ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)
#### Post date: [May 10, 2022, 8:24pm UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/6 "2022-05-10T20:24:04Z")

</div>

@Betsy,

Thanks for the that verification,@Betsy! I’ve reviewed the provided snippet and it looks like the required parameters are present. I’ve also went ahead and tested the workflow on my end. I can confirm I am able to join a Webinar successfully. As next step, the first thing I would check is if the behavior persists when using the [Sample Web SDK](https://github.com/zoom/sample-app-web) and [Sample Signature App](https://github.com/zoom/meetingsdk-sample-signature-node.js). The goal here is to get a simple guest participant into a webinar. If you successfully joined the webinar, try and add in additional factors and test again until you have identified what is breaking.

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)
#### Post date: [June 10, 2022, 6:25am UTC](https://devforum.zoom.us/t/loading-joining-meeting/68623/7 "2022-06-10T06:25:01Z")

</div>

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