web-sdk-im/dist/components/meetingpage.js

React js components

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _websdk = require("@zoomus/websdk");

function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure undefined"); }

var apiKeys = {
  apiKey: 't8mIECDERJyNggMFerLRpw',
  apiSecret: 'f7owIsdXk79PKbTMSO8iMbgryNQcBCooptUZ'
};
var meetConfig = {
  apiKey: apiKeys.apiKey,
  meetingNumber: "95714743887",
  userName: "Harshitha P",
  userEmail: "harshitha@zkteco.in",
  passWord: "984129",
  role: 1
};

function MeetingPage(props) {
  var _props$history$locati;

  // eslint-disable-next-line
  var meet = (_props$history$locati = props.history.location.meeting, _objectDestructuringEmpty(_props$history$locati), _props$history$locati);
  alert(meet);

  function joinMeeting(signature, meetConfig) {
    _websdk.ZoomMtg.init({
      leaveUrl: "http://192.168.20.55:3000/im/zoom-login",
      isSupportAV: true,
      screenShare: true,
      isSupportChat: true,
      success: function success(_success) {
        console.log("Init Success ", _success);

        _websdk.ZoomMtg.join({
          meetingNumber: meet.meetingId,
          userName: meet.email,
          signature: signature,
          apiKey: meetConfig.apiKey,
          passWord: meet.password,
          success: function success(_success2) {
            console.log(_success2);
          },
          error: function error(_error) {
            alert("error");
            console.log(_error);
          }
        });
      }
    });
  }

  (0, _react.useEffect)(function () {
    //ZoomMtg.setZoomJSLib('https://source.zoom.us/1.8.5/lib', '/av'); 
    _websdk.ZoomMtg.setZoomJSLib('https://source.zoom.us/1.9.0/lib', '/av');

    _websdk.ZoomMtg.preLoadWasm();

    _websdk.ZoomMtg.prepareJssdk();

    _websdk.ZoomMtg.generateSignature({
      meetingNumber: meet.meetingId,
      apiKey: meetConfig.apiKey,
      apiSecret: apiKeys.apiSecret,
      role: meet.role,
      success: function success(res) {
        console.log("res", res);
        setTimeout(function () {
          joinMeeting(res.result, meetConfig);
        }, 1000);
      }
    });
  });
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "MeetingPage"
  });
}

var _default = MeetingPage;
exports["default"] = _default;