WebSDK Phone not see the start video button

Meeting SDK Web
1

Good afternoon, team!
Description
I’m test application build in reactjs and config the call manually and then load the application on a phone, but i not see the start button of video call. Is posible that this work with the WebSDK.

I have this code…

import { ZoomMtg } from "@zoomus/websdk";

ZoomMtg.setZoomJSLib("https://source.zoom.us/1.9.9/lib", "/av");

ZoomMtg.preLoadWasm();
ZoomMtg.prepareWebSDK();
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load("en-US");
ZoomMtg.i18n.reload("en-US");
var enReunion = false;
const Aw = ({}) => {
  var signatureEndpoint = "";
  var apiKey = "jKQmho59QVeL0SGvIcuPsg";
  var meetingNumber = "79111370036";
  var role = 0;
  var leaveUrl = "http://localhost:3000";
  var userName = "React";
  var userEmail = "fff@gmail.com";
  var passWord = "VW1vdWVXdFJFOU9yU29UdVhQK2lndz09";
  if (document.getElementById("zmmtg-root").style["display"] !== "block") {
    document.getElementById("zmmtg-root").style["display"] = "none";
  }

  var API_KEY = "XXXXXXXXXX";
  var API_SECRET = "XXXXXXXXXXXXXXXX";

  var registrantToken = "";

  function getSignature(e) {
    e.preventDefault();

    var signature = ZoomMtg.generateSignature({
      meetingNumber: "79111370036",
      apiKey: API_KEY,
      apiSecret: API_SECRET,
      role: 1,
      success: function (res) {
        console.log(res.result);
        startMeeting(res.result);
      },
    });

   
  }

  function startMeeting(signature) {
    document.getElementById("zmmtg-root").style.display = "block";

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

        ZoomMtg.join({
          signature: signature,
          meetingNumber: meetingNumber,
          userName: userName,
          apiKey: API_KEY,
          userEmail: userEmail,
          passWord: passWord,
         // tk: registrantToken,
          success: (success) => {
            document.getElementById("zmmtg-root").style["display"] = "block";
            enReunion = true;
          },
          error: (error) => {
            console.log(error);
          },
        });
      },
      error: (error) => {
        console.log(error);
      },
    });
  }
  return (
    
      <div id="containerMeet">
        <h1>Zoom Meeting SDK Sample React</h1>
        <button onClick={getSignature}>Join Meeting</button>
      </div>
    
  );
};

Thanks for your help!

2

Hey @ingphillip ,

Can you share a screenshot of the phone button issue?

BTW, the Web SDKs do not support mobile browsers yet, so that might be the root cause here. :slight_smile:

Thanks,
Tommy

3

Hi Tommy and Thanks for your response, ou have any idea if in the short term this can be available ?

And thanks again!

4

Hey @ingphillip,

I’m not aware of any plans to support mobile browsers in the short term. In the meantime, you may want to look into our Android and iOS Meeting SDKs.

Thanks,
Max