# No mic/video recognized or checked for in client view

**URL:** <https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782>\
**Category:** Web\
**Created:** [April 19, 2022, 7:32pm UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782 "2022-04-19T19:32:44Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![david14](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/david14/32/34560_2.png) [@david14](https://devforum.zoom.us/u/david14)\
**Post date:** [April 19, 2022, 7:32pm UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782/1 "2022-04-19T19:32:44Z")

</div>

**Description**  
I am using zoom SDK `Client view` I managed to get the meeting screen to load but it tells me that both mic and video arent recognized and wont let me join the meeting, it wont event prompt me allow/disallow the use of video/mic.  
When i add `navigator.mediaDevices.getUserMedia({ audio: true})` to the page manually and give permission the mic is recognized.

This error does not happened in `Component view` and it allows me to join meeting just fine.

There are other weird errors where i have to `display: none` for `#zmmtg-root`.  
And when i have `cross-origin isolation` how comes `ZoomMtg.setZoomJSLib('https://source.zoom.us/2.3.5/lib', '/av');` is loading fine…

**Browser Console Error**  
There are few errors:  
`Uncaught (in promise) - {type: 'VIDEO', evt: 'ERROR', errorCode: 'NOT_CONNECTED', data: undefined} - zoomus-websdk.umd.min.js:2`

`Uncaught (in promise) - {type: 'AUDIO', evt: 'ERROR', errorCode: 'NOT_CONNECTED', data: undefined} - zoomus-websdk.umd.min.js:2`

`warning: validateDOMNesting(...): <h1> cannot appear as a descendant of <p>.`

`Warning: Invalid DOM property `playsinline`. Did you mean `playsInline`?`

**Which Web Meeting SDK version?**  
@zoomus/websdk - 2.3.5

**Meeting SDK Code Snippets**  
I dont know where is the problematic part so i am pasting my entire implementation.

```javascript
function ZoomMeeting() {
  const search = window.location.search.substring(1);
  const {token} = qs.parse(search);
  const {
    a: url,
    b: userName,
    c: leaveUrl,
    //d: shareUrl,
    // e: adminOrOwner,
    f: userEmail,
    //g: userId,
    h: signature
  } = JSON.parse(decodeURIComponent(token));

  const sectionRef = useRef(null);

  console.log('signature', signature);
  const meetingNumber = extractMeetingId(url);
  const password = extractPassword(url);
  console.log('meetingNumber', meetingNumber);
  console.log('JSON.parse(decodeURIComponent(token)', JSON.parse(decodeURIComponent(token)))
  useEffect(() => {
    if (sectionRef.current) {
      ZoomMtg.setZoomJSLib('https://source.zoom.us/2.3.5/lib', '/av');
      ZoomMtg.preLoadWasm();
      ZoomMtg.prepareWebSDK();
      ZoomMtg.i18n.load('en-US');
      ZoomMtg.i18n.reload('en-US');

      const zoomMeeting = document.getElementById('zmmtg-root');
      if (zoomMeeting) {
        sectionRef.current.appendChild(zoomMeeting);
        zoomMeeting.style.display = 'block';
        zoomMeeting.style.position = 'relative';
        zoomMeeting.style.zIndex = '1005';
        zoomMeeting.style.background = 'none';

        ZoomMtg.init({
          leaveUrl,
          success: (success) => {
            console.log(success)

            ZoomMtg.join({
              password, signature, meetingNumber, userName, userEmail,
              sdkKey: ZOOM_SDK_KEY,
              success: (success) => {
                console.log('zoom join success', success);
              },
              error: (error) => {
                errorHandler(error)
                console.log(`zoom join error`, error);
              }
            })

          }, error: (error) => {
            errorHandler(error)
            console.log(`zoom init error`, error);
          }
        })

        ZoomMtg.inMeetingServiceListener('onUserJoin', function (data) {
          console.log(`inMeetingServiceListener onUserJoin`, data);
        });

        ZoomMtg.inMeetingServiceListener('onUserLeave', function (data) {
          console.log(`inMeetingServiceListener onUserLeave`, data);
        });

        ZoomMtg.inMeetingServiceListener('onUserIsInWaitingRoom', function (data) {
          console.log(`inMeetingServiceListener onUserIsInWaitingRoom`, data);
        });

        ZoomMtg.inMeetingServiceListener('onMeetingStatus', function (data) {
          console.log(`inMeetingServiceListener onMeetingStatus`, data);
        });
      }
    }
  }, [sectionRef.current]);// eslint-disable-line

  return (
    <ZoomMeetingPageWrap>
      <ZoomMeetingWrap ref={sectionRef}/>
      <ToastContainer
        autoClose={5000}
        hideProgressBar
        position='top-center'
        style={{textAlign: 'center', fontSize: '18px', wordBreak: 'break-word', whiteSpace: 'pre-line'}}
        toastStyle={{borderRadius: '8px'}}
      />
    </ZoomMeetingPageWrap>
  )
}

```

**To Reproduce(If applicable)**  
Not really sure it just happens.

**Screenshots**  
Wont allow me

**Device (please complete the following information):**

- Device: PC
- OS: Ubuntu 18.04.6 LTS
- Browser: Chrome
- Version 100.0.4896.127 (Official Build) (64-bit))

**Additional info**  
As per your documentation at: [Import SDK](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/import/#about-appended-dom-elements)

On my site those are not being added upon init.

```auto
<!-- added on meeting init -->
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="ReactModalPortal"></div>
  <div class="global-pop-up-box"></div>
  <div class="sharer-controlbar-container sharer-controlbar-container--hidden"></div>

```

---

<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 12, 2022, 3:08am UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782/2 "2022-05-12T03:08:07Z")

</div>

Hi, @david14,

Thank you for posting in the Developer Forum. When switching to Client View, can you share if you uncomment out the Client View CSS in [`public/index.html`](https://github.com/zoom/meetingsdk-sample-react/blob/338e6d03f54f70f7e56883f6070bc49f71c6a7e4/public/index.html#L29)?

 ![Screen Shot 2022-05-11 at 11.02.10 PM](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/5/3/53a4adc66f32d103671fc8f5dd683d31d47fd99a.png)

> **[GitHub - zoom/meetingsdk-sample-react: Use the Zoom Meeting SDK in a React App](https://github.com/zoom/meetingsdk-sample-react#setup)**
>
> Use the Zoom Meeting SDK in a React App. Contribute to zoom/meetingsdk-sample-react development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![david14](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/david14/32/34560_2.png) [@david14](https://devforum.zoom.us/u/david14)\
**Post date:** [May 13, 2022, 2:59am UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782/3 "2022-05-13T02:59:14Z")

</div>

Donte, this question is no longer relevant i am not sure how to close it.

---

<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 13, 2022, 10:40pm UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782/4 "2022-05-13T22:40:42Z")

</div>

Hi, @david14,

Thank you for your response! I will go ahead and close this topic.

Kind Regards,  
Donte

---

<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 13, 2022, 10:40pm UTC](https://devforum.zoom.us/t/no-mic-video-recognized-or-checked-for-in-client-view/67782/5 "2022-05-13T22:40:48Z")

</div>

Closed on May 13, 2022, 10:40pm UTC