# Browser API not showing requests

**URL:** <https://devforum.zoom.us/t/browser-api-not-showing-requests/98761>\
**Category:** Web\
**Created:** [November 21, 2023, 8:42am UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761 "2023-11-21T08:42:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![d.miyazaki](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/d.miyazaki/32/49218_2.png) [@d.miyazaki](https://devforum.zoom.us/u/d.miyazaki)\
**Post date:** [November 21, 2023, 8:42am UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761/1 "2023-11-21T08:42:42Z")

</div>

**Description**  
Zoom WebSDK does not show requests to unmute or turn on video on the participant’s UI. This occurs when the host sends a request to a participant joining through a browser.

**Browser Console Error**  
No specific error message is observed.

**Which Web Meeting SDK version?**  
2.17

**Meeting SDK Code Snippets**

```auto
<template>
  <button
    class="button"
    id="meetingStartButton"
    data-variant="secondary"
    @click="startMeeting"
    >
    <span>
      Zoomアプリなしで参加する
    </span>
  </button>
</template>

<script>
import axios from "axios";
import ZoomMtgEmbedded from "@zoomus/websdk/embedded";

export default {
  name: "ZoomInterview",

  data() {
    return {
      client: ZoomMtgEmbedded.createClient(),

      sdkKey: "",
      meetingNumber: "",
      passWord: "",
      role: 0,
      userEmail: "",
      userName: "Unknown",
      signature: "",
      width: 0,
      height: 0,
    };
  },
  methods: {
    getCookie(name) {
      let cookieValue = null;
      if (document.cookie && document.cookie !== "") {
        const cookies = document.cookie.split(";");
        for (let i = 0; i < cookies.length; i++) {
          const cookie = cookies[i].trim();
          // Does this cookie string begin with the name we want?
          if (cookie.substring(0, name.length + 1) === name + "=") {
            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
            break;
          }
        }
      }
      return cookieValue;
    },
    startMeeting(signature) {
      let meetingSDKElement = document.getElementById("meetingSDKElement");
      let render__wrapper = document.getElementById("render__wrapper");
      let ref_block = document.getElementById("ref_block_for_sdkvideo");
      let enter_button = document.getElementById("meetingStartButton");
      render__wrapper.style.display = "block";
      enter_button.disabled = true;
      this.client.init({
        zoomAppRoot: meetingSDKElement,
        language: "jp-JP",
        maximumVideoInGalleryView: 2,
        customize: {
          meetingInfo: [
            "topic",
            "host",
            "mn",
            "pwd",
            "telPwd",
            "invite",
            "participant",
            "dc",
            "enctype",
          ],
          toolbar: {},
          video: {
            popper: {
              placement: "top left",
            },
            isResizeble: true,
            viewSizes: {
              default: {
                width: render__wrapper.clientWidth,
                height: (ref_block.clientWidth / 16) * 9,
              },
              ribbon: {
                width: render__wrapper.clientWidth,
                height: (ref_block.clientWidth / 16) * 9,
              },
            },
          },
        },
      });
      this.client.join({
        sdkKey: this.sdkKey,
        signature: this.signature,
        meetingNumber: this.meetingNumber,
        password: this.passWord,
        userName: this.userName,
        userEmail: this.userEmail,
      });
      this.client.on("connection-change", (payload) => {
        enter_button.style.display = "none";
        if (payload.state === "Closed") {
          console.log("meeting ended");
        }
      });
    },
  },
  mounted() {
    this.width =
      document.getElementsByClassName("contentContainer")[0].offsetWidth;
    this.height =
      document.getElementsByClassName("contentContainer")[0].offsetHeight;
  },
  created() {
    let info = JSON.parse(document.getElementById("meeting_info").textContent);
    this.sdkKey = info.sdkKey;
    this.meetingNumber = info.meetingNumber;
    this.passWord = info.password;
    this.role = info.role;
    this.userEmail = "";
    this.userName = info.userName;
    this.signature = info.signature;
  },
};
</script>

<style scoped></style>

```

**To Reproduce**

1. Host sends a request to unmute or turn on video.
2. Participant, joining through a browser-based WebSDK client (vue 2.0 js framework), does not see the request on their UI.

**Screenshots**

**Troubleshooting Routes**

- Verified that the issue persists across different browsers and devices.
- Checked for any relevant errors or warnings in the browser console.

**Device**

- Devices: Various (including iPhones and Android devices)
- OS: Various
- Browsers: Chrome, Safari (on iPhone)
- Browser Versions: [Specify versions if known]

**Additional Context**  
The issue seems to be consistent across different devices and browsers, impacting the user experience in Zoom meetings where participants are unable to see the host’s requests to unmute or turn on the video.

---

<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 27, 2023, 3:17pm UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761/2 "2023-11-27T15:17:08Z")

</div>

Hi @d.miyazaki  
Thanks for reaching out to us!  
Have you been able to troubleshoot this issue on your end or are you sill experiencing this behavior?  
Could you please confirm if you can replicate this issue with our sample app?

> **[GitHub - zoom/meetingsdk-web-sample: Zoom Meeting SDK web sample](https://github.com/zoom/meetingsdk-web-sample)**
>
> Zoom Meeting SDK web sample. Contribute to zoom/meetingsdk-web-sample development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![d.miyazaki](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/d.miyazaki/32/49218_2.png) [@d.miyazaki](https://devforum.zoom.us/u/d.miyazaki)\
**Post date:** [November 29, 2023, 9:51am UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761/3 "2023-11-29T09:51:18Z")

</div>

Thank you @elisa.zoom for your response.  
I tested with the sample-web and the issue didnt happen on this sample file. I still have no clue how to fix it, so any suggestions would be greatly appreciated.

---

<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:** [December 1, 2023, 6:35pm UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761/4 "2023-12-01T18:35:02Z")

</div>

Interesting, @d.miyazaki  
Could you try and add your logic to the sample app to see if it triggers the same error?

---

<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 1, 2024, 4:35am UTC](https://devforum.zoom.us/t/browser-api-not-showing-requests/98761/5 "2024-01-01T04:35:19Z")

</div>

Closed on January 1, 2024, 4:35am UTC

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