Zoom client app Virtual video overlay text not showing on Mac

Zoom Apps
1

@elisa.zoom @MaxM
We have a zoom client app which have a button to display overlay text on users video, it is working fine on windows but not working on Mac (macOS: Sonoma 14.5).

Below is the code which display virtual overlay text:

const toggleRenderingContext = () => { 
    zoomSdk
      .runRenderingContext({
        view: "camera",
      })
      .then(() => {
     
      })
      .catch((e) => {
        console.log(e);
      
      });
  };

  const sendMessage = (message, data) => {
    let msg = { message: message, data: data };
   
    zoomSdk
      .postMessage(msg)
      .then(() => {
        setShowOverlay(true);
        
      })
      .catch((e) => console.log("error in sending message", e));
  };

  const sendSlugConfirmation = (overlaySlug) => {
   
    zoomSdk
      .postMessage({ message: "gotSlug", data: "" })
      .then(redirectToOverlay(overlaySlug))
      .catch((e) => sendMessage("errorMsg", e));
  };

 
  const redirectToOverlay = (overlaySlug) => {
    navigate("/livestream",{state: overlaySlug});
  
  };

  const messageHandler = (message) => {
    const msg = JSON.parse(message.payload);
  
    switch (msg.message) {
      case "cameraModeLoaded":
        drawWebview(msg.data);
        break;
      case "setSlug":
        sendSlugConfirmation(msg.data);
        break;
      case "gotSlug":
        drawParticipant();
        break;
      case "sendSlug":
        redirectToOverlay(msg.data);
        break; 
      case "errorMsg":
       
        break;
      default:
        console.log("received weird message", msg);
    }
  };

  const drawWebview = (data) => {
    
    zoomSdk
      .drawWebView({
        webviewId: "1",
        x: 0,
        y: 0,
        width: props.dimensions.width,
        height: props.dimensions.height,
        zIndex: 2,
      })
      .then(sendMessage("setSlug", []))
      .catch(handleZoomError);
  };

  const drawParticipant = () => {
    zoomSdk
      .drawParticipant({
        participantUUID: props.userContext.participantUUID,
        x: 0,
        y: 0,
        width: props.dimensions.width,
        height: props.dimensions.height,
        zIndex: 0,
      })
      .then(() => "")
      .catch((e) => {
             sendMessage("errorMsg", e);
      });
      return;

  };

toggleRenderingContext is the function which called on button click

We are not seeing any error in console also.

The above code works fine for windows, but not on Mac, Do we have any restriction s for mac to show overlay text?

Please help us to fix this issues as early as possible as our app is published.

2

Please help on this issue, it’s a critical issue that needs to be addressed immediately.

3

When doing console log showing Failed to post message to connected app. But works fine on windows.

2
2609×108 15 KB

Please help us to fix this issue as early as possible.

4

@elisa.zoom @ekaansh.zoom @ojus.zoom @virginie.zoom @will.wilkinson
Please help us to fix this issue as it’s a critical issue that needs to be addressed immediately.

6

Hi, just wanted to jump on this thread to add some more visibility because I think we’re going through the same thing. Has this been addressed or will be soon? Thank you

7

Hi @jose.jassojr, This has not been addressed yet, waiting for the suggestion/solution, any help will be highly appreciated. Thank you.

8

Hi @reyaz.ahmed , are you still experiencing this issue?

9

Hi @jose.jassojr Yes, we still having this issue, any help to fix this issue will be highly appreciated. Thank you