Before Creating a New Topic:
I’m expecting the virtual mask (a blur) to work
- Zoom Developer Changelog for Dev Product Changes:
Stream | Zoom Video SDK for Web - 1.8.7
Description
I am currently using 1.8.7 and I can’t seem to set the virtual mask on my system. Has anyone successfully done this
Browser Console Error
When trying to check the video mask status, I get this error:
this[WR].getVideoMaskStatus is not a function
When trying to set the mask status manually:
[12:30] Fahim Ahmed
index.umd.js:1 Uncaught (in promise)
{type: 'INVALID_OPERATION', reason: 'Cannot update mask'}
(anonymous) @ index.umd.js:1
updateVideoMask @ index.umd.js:1
n.value @ index.umd.js:1
r.value @ index.umd.js:1
JA.o.value @ index.umd.js:1
value @ index.umd.js:1
blur @ ZoomCreate.js:205
onClick @ ZoomCreate.js:294
callCallback @ react-dom.development.js:4164
invokeGuardedCallbackDev @ react-dom.development.js:4213
invokeGuardedCallback @ react-dom.development.js:4277
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:4291
executeDispatch @ react-dom.development.js:9041
processDispatchQueueItemsInOrder @ react-dom.development.js:9073
processDispatchQueue @ react-dom.development.js:9086
dispatchEventsForPlugins @ react-dom.development.js:9097
(anonymous) @ react-dom.development.js:9288
batchedUpdates$1 @ react-dom.development.js:26140
batchedUpdates @ react-dom.development.js:3991
dispatchEventForPluginEventSystem @ react-dom.development.js:9287
dispatchEventWithEnableCapturePhaseSelectiveHydrationWithoutDiscreteEventReplay @ react-dom.development.js:6465
dispatchEvent @ react-dom.development.js:6457
dispatchDiscreteEvent```
**Which Web Video SDK version?**
I am using 1.8.7
**Video SDK Code Snippets**
console.log(mediaStream?.isSupportVirtualBackground());
console.log(mediaStream?.getVideoMaskStatus());
mediaStream.startVideo({ videoElement: document.querySelector(‘#self-view-video’), virtualBackground: mediaStream?.isSupportVirtualBackground() ? { imageUrl: ‘blur’ } : false }).then(() => {
console.log(“----------------current user started video----------”);
console.log(zmClient.getAllUser());
if(!mediaStream?.isSupportVirtualBackground()) {
console.log("--- trying video mask ---");
try {
mediaStream.updateVideoMask().catch(err => {
console.log("--- update video mask not supported ---")
console.log(err);
});
}
catch(error) {
console.log("Update mask not supported");
}
}
setIsCameraOn(true);
setIsCameraLoading(false)
}).catch((error) => {
console.log("---------camera error----------", error);
setIsCameraLoading(false)
failed("Check your camera, either it is taken or not available or don't have permission!", 4000);
})
**Device (please complete the following information):**
- OS: Ubuntu 20.04
- Browser: Chrome
- Browser Version Version 116.0.5845.140 (Official Build) (64-bit)
**Additional context**
Add any other context about the problem here.