How to add Speaker & Mic Testing like original zoom?

Meeting SDK Web
1

Description
I’d like to add testing menu like original zoom.

Which Web Meeting SDK version?
See source below

Meeting SDK Code Snippets

<html>
  <head>
    <meta http-equiv="origin-trial" content="">
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.3.0/css/bootstrap.css" />
    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.3.0/css/react-select.css" />
  </head>
  <body>
    <script src="https://source.zoom.us/2.3.0/lib/vendor/react.min.js"></script>
    <script src="https://source.zoom.us/2.3.0/lib/vendor/react-dom.min.js"></script>
    <script src="https://source.zoom.us/2.3.0/lib/vendor/redux.min.js"></script>
    <script src="https://source.zoom.us/2.3.0/lib/vendor/redux-thunk.min.js"></script>
    <script src="https://source.zoom.us/2.3.0/lib/vendor/lodash.min.js"></script>
    <script src="https://source.zoom.us/zoom-meeting-2.3.0.min.js"></script>
    <script>
      ZoomMtg.preLoadWasm();
      ZoomMtg.prepareJssdk();

      ZoomMtg.checkSystemRequirements();

      const lang = 'jp-JP';
      ZoomMtg.i18n.load(lang);
      ZoomMtg.i18n.reload(lang);
      ZoomMtg.reRender({lang});

      ZoomMtg.init({
        leaveUrl: '/leave.html',
        debug: true, //optional
        // webEndpoint: 'PSO web domain', // PSO option
        // showMeetingHeader: false, //option
        disableInvite: false, //optional
        disableCallOut: false, //optional
        disableRecord: false, //optional
        disableJoinAudio: false, //optional
        audioPanelAlwaysOpen: true, //optional
        showPureSharingContent: false, //optional
        isSupportAV: true, //optional,
        isSupportChat: true, //optional,
        isSupportQA: true, //optional,
        isSupportPolling: true, //optional
        isSupportBreakout: true, //optional
        isSupportCC: true, //optional,
        screenShare: true, //optional,
        rwcBackup: '', //optional,
        videoDrag: true, //optional,
        sharingMode: 'both', //optional,
        videoHeader: true, //optional,
        isLockBottom: true, // optional,
        isSupportNonverbal: true, // optional,
        isShowJoiningErrorDialog: true, // optional,
        disablePreview: false, // optional
        disableCORP: true, // optional
        inviteUrlFormat: '', // optional
        loginWindow: {  // optional,
          width: 400,
          height: 380
        },
        meetingInfo: [ // optional
          'topic',
          'host',
          'mn',
          'pwd',
          'telPwd',
          'invite',
          'participant',
          'dc',
          'enctype',
          'report'
        ],
        disableVoIP: false, // optional
        disableReport: false, // optional
        // toolbar: { // I tried to add menu, but error occured.
        //   buttons: [
        //     {
        //       text: 'Custom Button',
        //       className: 'CustomButton',
        //       onClick: () => {
        //         console.log('custom button');
        //       },
        //     },
        //   ],
        // },
        success: () => {
          this.parent.postMessage({
            source: 'zoomFrame',
            result: 'init success'
          });
        },
        error: (err) => {
          console.error(err);
          this.parent.postMessage({
            source: 'zoomFrame',
            result: 'init error'
          });
        } 
      });

Screenshots
original data↓
Testing SampleCP

Device (please complete the following information):

  • Device: Desktop PC
  • OS: Windows10 Pro 21H2
  • Browser: Microsoft Edge
  • Browser Version: 99.0.1150.39
2

Hi, @Rin0624,

Thank you for taking the time to share your feedback in the Developer Forum. I’ll be sure to pass this feedback along to our development team. Before doing so, can you share if you have tried to implement the feature already? Also, we would love to hear more about why this feature is important to your workflow? This will help determine if what you are looking to accomplish is already possible or if there is an alternative solution you can consider.

Please let me know if you have other questions or feedback. We’re looking forward to making your development experience even better in the future!

3

Hi, @donte.zoom

Thank you for replying.

I’m sorry, but I couldn’t try the implementation because the optional function doesn’t have that feature.

The reason why I want the audio test function as well as the original is that if the voice does not reach the other party, I want to know if the voice of the device really reaches the other party. If the audio is too quiet, the user can adjust it again.
The preview also has a test feature, but users don’t always test there. So I always want a test.

4

Hi, @Rin0624,

Thank you for sharing that clarification about your requirement. I’ll double-check to see if there may be alternative options you can explore and share what I find here.

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.