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
<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
- Host sends a request to unmute or turn on video.
- 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.