# Web Meeting SDK version 2.0.1

**URL:** <https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204>\
**Category:** New Releases\
**Created:** [October 21, 2021, 8:01pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204 "2021-10-21T20:01:54Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 21, 2021, 8:01pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/1 "2021-10-21T20:01:55Z")

</div>

Hey Zoom Developers, we have some really exiting updates!

The Web Meeting SDK v2.0.1 release includes the following.

- The **Web Meeting SDK Component View** provides the option to embed the Web Meeting SDK as components in your page, allowing for a more-flexible design.
- The **Web Meeting SDK Client View** provides the option to display the Web Meeting SDK as a full page. This allows for a familiar Zoom Meeting experience because the Client View is the same as the Zoom Web Client, except it lives inside your own web page.

You can choose one view to use in your integration.

# Client View (Existing)

## Added

- [Mask Background feature](https://support.zoom.us/hc/articles/214629443#h_01FGW73VTDNVJ3VDKP7YQGVQNZ)
- Setting to “Mirror my Video”
- [Meeting Reactions](https://support.zoom.us/hc/articles/115001286183-Nonverbal-feedback-during-meetings)
- Side-by-side layout support when screen sharing in Chrome
- Ability to customize recording disclaimer content
- Support for showing the user a notice when archiving and live streaming
- A dialog for attendees to first provide consent when being promoted to a panelist in webinars
- Privacy notices for various features

## Enhanced

- Waiting page when a meeting has not yet started

## Fixed

- The “TypeError: I.isMatchingType is not a function” bug from ~v1.9.5

# Component View (New)

# Added

- Joining, leaving, and ending meetings and webinars
- Reconnecting when connection state changes
- Privacy notices to various features such as chat and recording
- Viewing meeting information and copying invite link
- [Active Apps Notifier](https://support.zoom.us/hc/articles/360060577291)
- Starting, pausing, and stopping screen sharing
- Receiving screen sharing
- Participants panel, with participant controls such as “mute” and “rename”
- Waiting Room
- Joining and leaving audio
- Muting and unmuting the microphone
- Gallery, Ribbon, Speaker, and Minimized views
- Highlighting most recently active participant in video views
- Toggling video capture
- Public and private chat in meetings and webinars
- Security settings like enabling waiting room and locking meetings
- Starting, pausing, and stopping cloud recording
- Receiving local and cloud recording status
- Settings panel, with options for Audio, Video, and Share Screen
- Raising and lowering hand
- Panelist and attendee views in webinars
- Promoting attendees and demoting panelists
- Promote consent (attendee is shown a consent dialog, which they must accept to be promoted to a panelist)
- Multiple languages (i18n)
- Adding custom buttons to the toolbar dropdown
- APIs to safely and programmatically interact with a meeting or webinar

To learn more about the new Component View, please checkout the docs: [https://marketplace.zoom.us/docs/sdk/native-sdks/web](https://marketplace.zoom.us/docs/sdk/native-sdks/web)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![lfrancia](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/lfrancia/32/9289_2.png) [@lfrancia](https://devforum.zoom.us/u/lfrancia)\
**Post date:** [October 22, 2021, 2:31am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/2 "2021-10-22T02:31:39Z")

</div>

Hi @tommy,

Is it 2.0.0 or 2.0.1? Because on changelog page, it shows 2.0.1.

Lara

---

<div class="post-metadata">

**Author:** ![daniel2](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/daniel2/32/8619_2.png) [@daniel2](https://devforum.zoom.us/u/daniel2)\
**Post date:** [October 22, 2021, 8:50am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/3 "2021-10-22T08:50:29Z")

</div>

This is really exciting news! Would like to see some screenshots to demo the new Components View, so we can get a glimpse of what it looks like.

---

<div class="post-metadata">

**Author:** ![daniel2](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/daniel2/32/8619_2.png) [@daniel2](https://devforum.zoom.us/u/daniel2)\
**Post date:** [October 22, 2021, 10:37am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/4 "2021-10-22T10:37:59Z")

</div>

# Component View not exported

I’m sorry to inform you that it seems like you have forgotten to actually add the Component Embedded package as a submodule or an export. So you can’t actually import it.

I tried using all these variants, but with no luck:

```javascript
import ZoomMtgEmbedded from "@zoomus/websdk/embedded"
const ZoomMtgEmbedded = require("@zoomus/websdk").embedded
import {embedded as ZoomMtgEmbedded } from "@zoomus/websdk"

```

`Failed to compile. Module not found: Can't resolve '@zoomus/websdk/embedded'`

What does work though is to manually import the file, instead of the module, like so:

```javascript
import ZoomMtgEmbedded from "@zoomus/websdk/dist/zoomus-websdk-embedded.umd.min.js"

```

## Fix

Here’s how to fix it on your part.

1. Add an `embedded.js` file next to your `package.json`, which looks exactly like the `index.js` file, like so:

```javascript
'use strict';

module.exports = require('./dist/zoomus-websdk-embedded.umd.min');

```

2.Now you can import using `import ZoomMtgEmbedded from '@zoomus/websdk/embedded'`

---

<div class="post-metadata">

**Author:** ![daniel2](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/daniel2/32/8619_2.png) [@daniel2](https://devforum.zoom.us/u/daniel2)\
**Post date:** [October 22, 2021, 10:53am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/5 "2021-10-22T10:53:11Z")

</div>

I had trouble joining a meeting with the Component (Embedded) View SDK, getting an `HTTP Error 403` when it was requesting the AV lib files from Zoom’s servers. **Note: This at least happened on `localhost`.**

To fix it I used the local av files like so:

```javascript
import ZoomMtgEmbedded from '@zoomus/websdk/embedded'

const client = ZoomMtgEmbedded.createClient()

client.init({
  assetPath: require('path').resolve('node_modules/@zoomus/websdk/dist/lib/av'),
  /* rest of the init parameters... */
})

```

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 22, 2021, 3:01pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/6 "2021-10-22T15:01:31Z")

</div>

Hey @daniel2 , @lfrancia ,

We did have a misconfiguration on the Component View. We are pushing 2.0.1 to NPM and CDN soon.

@daniel2 , screenshots will be posted soon on our docs. 🙂

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![ychama15](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ychama15/32/3413_2.png) [@ychama15](https://devforum.zoom.us/u/ychama15)\
**Post date:** [October 22, 2021, 6:02pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/7 "2021-10-22T18:02:16Z")

</div>

Hi,  
Does this support custom css easily now ?

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 22, 2021, 6:58pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/8 "2021-10-22T18:58:16Z")

</div>

Hey @ychama15 , @daniel2 , @lfrancia ,

Version 2.0.1 has now been published: [@zoomus/websdk - npm](https://www.npmjs.com/package/@zoomus/websdk)

@ychama15 , not custom CSS, you can override the CSS if you choose. It does support custom buttons in the dropdown however. Checkout the docs: [https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/reference](https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/reference)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![elearningevolve](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elearningevolve/32/75605_2.png) [@elearningevolve](https://devforum.zoom.us/u/elearningevolve)\
**Post date:** [October 26, 2021, 5:26pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/9 "2021-10-26T17:26:54Z")

</div>

@tommy 2 issues in v2.0.1 of the SDK  
When changing the reaction skin tone there is a JS error and not able to change it.  
react-dom.min.js:17 Uncaught ReferenceError: isViewOnly is not defined  
at zoom-meeting-2.0.1.min.js:2  
at redux-thunk.min.js:1  
at n. (zoom-meeting-2.0.1.min.js:2)  
at zoom-meeting-2.0.1.min.js:2  
at onClick (zoom-meeting-2.0.1.min.js:2)  
at Object.sh (react-dom.min.js:164)  
at rh (react-dom.min.js:13)  
at uh (react-dom.min.js:13)  
at Ge (react-dom.min.js:15)  
at vh (react-dom.min.js:165)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/1/0/1056340650a44a3dc0fb5576b74b529c1c888cdb.jpeg)

Moreover, there is no option to Add a background image only 4 available backgrounds to select from. This is such a huge limitation while adding support for background. Is this the expected behavior?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/3/e/3ea1e5f9734587f7c24f8724d773e2576db88b06.jpeg)

---

<div class="post-metadata">

**Author:** ![wayaragil](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/wayaragil/32/17800_2.png) [@wayaragil](https://devforum.zoom.us/u/wayaragil)\
**Post date:** [October 27, 2021, 2:08am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/10 "2021-10-27T02:08:27Z")

</div>

> [@tommy](#):
>
> Mirror my Video

Hello @tommy ,  
looks like “Mirror My Video” is not working either. You can test it in 2 different browsers

---

<div class="post-metadata">

**Author:** ![ali.syed](https://avatars.discourse-cdn.com/v4/letter/a/6bbea6/32.png) [@ali.syed](https://devforum.zoom.us/u/ali.syed)\
**Post date:** [October 27, 2021, 3:16pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/11 "2021-10-27T15:16:28Z")

</div>

there is a black screen in the page in this new sdk … nothing is visible above zoom bottom bar.

also in dom there is no speaker-view div, as was there in previous sdk.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 27, 2021, 3:28pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/12 "2021-10-27T15:28:07Z")

</div>

Hey @ali.syed , @wayaragil , @elearningevolve ,

For support, please post the issue in #web-meeting-sdk and not the changelog.

Please make sure to fill out the post template so we have all the info needed to assist you.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![elearningevolve](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elearningevolve/32/75605_2.png) [@elearningevolve](https://devforum.zoom.us/u/elearningevolve)\
**Post date:** [October 27, 2021, 10:04pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/13 "2021-10-27T22:04:13Z")

</div>

Sure @tommy, added it under the correct section [here](https://devforum.zoom.us/t/v2-0-1-features-not-working-properly/59471/2).  
@ali.syed @wayaragil please join me here.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [October 29, 2021, 12:42am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/14 "2021-10-29T00:42:04Z")

</div>

Thanks @elearningevolve ,

We will take a look. 🙂

-Tommy

---

<div class="post-metadata">

**Author:** ![rudolf](https://avatars.discourse-cdn.com/v4/letter/r/5daacb/32.png) [@rudolf](https://devforum.zoom.us/u/rudolf)\
**Post date:** [November 3, 2021, 7:15am UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/15 "2021-11-03T07:15:52Z")

</div>

@tommy  
We plan on implementing the SDK on a WordPress website.  
Would it be possible to import the WordPress user name as the meeting user name for users that are logged in to WP when they join a zoom meeting on one of the site’s pages?

---

<div class="post-metadata">

**Author:** ![elearningevolve](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elearningevolve/32/75605_2.png) [@elearningevolve](https://devforum.zoom.us/u/elearningevolve)\
**Post date:** [November 3, 2021, 1:10pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/16 "2021-11-03T13:10:31Z")

</div>

Yes, it is possible we are already doing it in our WP plugin. You simply need to pass the WP user name to the JS Join function of the SDK.

```auto
 ZoomMtg.join({
    meetingNumber: {your_meeting_no}
    userName: {WP_username],   
   .......
   .......      

```

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [November 3, 2021, 5:07pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/17 "2021-11-03T17:07:28Z")

</div>

Thanks @elearningevolve ! 🙂

CC @rudolf .

-Tommy

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [November 3, 2021, 5:07pm UTC](https://devforum.zoom.us/t/web-meeting-sdk-version-2-0-1/59204/18 "2021-11-03T17:07:31Z")

</div>