# Zoom web SDK showing black screen after join

**URL:** <https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690>\
**Category:** Web\
**Created:** [November 20, 2023, 11:02am UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690 "2023-11-20T11:02:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![WebDev-neyyar](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/webdev-neyyar/32/54068_2.png) [@WebDev-neyyar](https://devforum.zoom.us/u/WebDev-neyyar)\
**Post date:** [November 20, 2023, 11:02am UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/1 "2023-11-20T11:02:48Z")

</div>

Hi,  
Am facing issues with web-sdk, It is showing a black screen after calling `ZoomMtg.join` and not showing any error or success. It only shows a black screen after joining.

**SDK version** : “@zoomus/websdk”: “^2.17.0”  
**React version** : “react”: “^17.0.1”

**Sample code which I am using**

```auto
import { ZoomMtg } from "@zoomus/websdk";

ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.0/lib', '/av');
ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

ZoomMtg.init({
    debug: true,
    leaveUrl: process.env.REACT_APP_ZOOM_LEAVE_URL,
    isSupportAV: true,
    meetingInfo: [
        // optional
        "topic",
        "host",
        "mn",
        "participant",
        "dc",
        "enctype",
        "report",
    ],
    success: (success) => {
        ZoomMtg.join({
            signature: signature,
            sdkKey: process.env.REACT_APP_ZOOM_SDK_KEY,
            meetingNumber: meeting.liveSessionDetails.id,
            userName: 'Presenter', 
            passWord: meeting.liveSessionDetails.password,
            zak: zak,
            success: (success) => {
                ZoomMtg.showInviteFunction({
                    show: false
                });

                return true;
            },
            error: (error) => {
                return false;
            },
        });
    },
    error: (error) => {
        return false;
    },
});

```

I have been using this code/meeting SDK past few years, It was working fine from last week onwards this issue is getting after updating to 2.17.0.

Thanks and Regards

---

<div class="post-metadata">

**Author:** ![elisa.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elisa.zoom/32/47836_2.png) [@elisa.zoom](https://devforum.zoom.us/u/elisa.zoom)\
**Post date:** [November 21, 2023, 9:01pm UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/2 "2023-11-21T21:01:17Z")

</div>

Hi @WebDev-neyyar  
Thanks for reaching out to us! I hear that you are having issues with the Zoom web meeting SDK.  
could you please try updating to the latest version which is 2.18.0 and try again

---

<div class="post-metadata">

**Author:** ![mohammad.qebalah](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@mohammad.qebalah](https://devforum.zoom.us/u/mohammad.qebalah)\
**Post date:** [November 22, 2023, 10:36am UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/3 "2023-11-22T10:36:31Z")

</div>

I’ve the same issue using version 2.18.0  
with this error:  
TypeError: m.AK.connectSocket is not a function

---

<div class="post-metadata">

**Author:** ![mohammad.qebalah](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@mohammad.qebalah](https://devforum.zoom.us/u/mohammad.qebalah)\
**Post date:** [November 27, 2023, 10:11am UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/5 "2023-11-27T10:11:10Z")

</div>

I had the same issue, and I got a note from zoom telling u if u want to use client view then ur react version should be 16 or less to work with u.

> **[Meeting SDK - web - client view - Import](https://developers.zoom.us/docs/meeting-sdk/web/client-view/import/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

---

<div class="post-metadata">

**Author:** ![imdadpg](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/imdadpg/32/54165_2.png) [@imdadpg](https://devforum.zoom.us/u/imdadpg)\
**Post date:** [December 4, 2023, 4:44pm UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/6 "2023-12-04T16:44:50Z")

</div>

> [@WebDev-neyyar](#):
>
> Am facing issues with web-sdk, It is showing a black screen after calling `ZoomMtg.join` and not showing any error or success. It only shows a black screen after joining.
> 
> **SDK version** : “@zoomus/websdk”: “^2.17.0”  
> **React version** : “react”: “^17.0.1”
> 
> **Sample code which I am using**
> 
> ```auto
> import { ZoomMtg } from "@zoomus/websdk";
> 
> ZoomMtg.setZoomJSLib('https://source.zoom.us/2.17.0/lib', '/av');
> ZoomMtg.preLoadWasm();
> ZoomMtg.prepareJssdk();
> 
> ZoomMtg.init({
> debug: true,
> leaveUrl: process.env.REACT_APP_ZOOM_LEAVE_URL,
> isSupportAV: true,
> meetingInfo: [
> // optional
> "topic",
> "host",
> "mn",
> "participant",
> "dc",
> "enctype",
> "report",
> ],
> success: (success) => {
> ZoomMtg.join({
> signature: signature,
> sdkKey: process.env.REACT_APP_ZOOM_SDK_KEY,
> meetingNumber: meeting.liveSessionDetails.id,
> userName: 'Presenter', 
> passWord: meeting.liveSessionDetails.password,
> zak: zak,
> success: (success) => {
> ZoomMtg.showInviteFunction({
> show: false
> });
> 
> return true;
> },
> error: (error) => {
> return false;
> },
> });
> },
> error: (error) => {
> return false;
> },
> });
> 
> ```
> 
> I have been using this code/meeting SDK past few years, It was working fine from last week onwards this issue is getting after updating to 2.17.0.

It seems like you’re encountering an issue with the Zoom Web SDK where joining a meeting results in a black screen without any error or success message. Here are a few troubleshooting steps you can take to resolve the issue:

1. **Check Browser Console:**

- Open the browser console (usually by right-clicking on the page and selecting “Inspect” → “Console” tab) and check for any error messages or warnings related to the Zoom Web SDK. This can provide more insights into what might be causing the black screen.

1. **Web SDK Compatibility:**

- Ensure that your application and the Zoom Web SDK are using compatible versions. Sometimes, issues can arise if there is a mismatch between the SDK version and the application code. Verify that you are using a version of the Web SDK that is compatible with your application.

1. **Update Zoom Web SDK:**

- Check if there is a newer version of the Zoom Web SDK available. If so, consider updating to the latest version to see if the issue has been addressed in a newer release.

1. **Cross-Origin Resource Sharing (CORS):**

- Verify that your server is configured to allow cross-origin requests. Zoom Web SDK makes requests to Zoom servers, and CORS issues can sometimes cause problems. Ensure that your server is configured to allow the necessary origins.

1. **Meeting Configuration:**

- Double-check the meeting configuration parameters such as `meetingNumber`, `userName`, `passWord`, etc. Ensure that these values are correct and match the settings of the Zoom meeting.

1. **Browser Compatibility:**

- Ensure that you are using a browser that is officially supported by the Zoom Web SDK. Check the [official Zoom Web SDK documentation](https://marketplace.zoom.us/docs/sdk/native-sdks/web) for the list of supported browsers and their versions.

1. **Network Issues:**

- Check if there are any network issues that might be affecting the connection to the Zoom servers. Issues such as firewalls, proxies, or VPNs can impact the Web SDK’s ability to connect.

1. **Revert to Previous SDK Version:**

- As a temporary measure, you can try reverting to a previous version of the Zoom Web SDK that was known to work with your application. This can help isolate whether the issue is specific to the SDK version.

If the issue persists after trying these steps, it’s recommended to reach out to Zoom Developer Support for more personalized assistance. They can provide insights based on the specific details of your integration and help troubleshoot the problem effectively.

---

<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:** [January 4, 2024, 2:45am UTC](https://devforum.zoom.us/t/zoom-web-sdk-showing-black-screen-after-join/98690/7 "2024-01-04T02:45:25Z")

</div>

Closed on January 4, 2024, 2:45am UTC

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