UI SDK integration

更新时间:
复制 MD 格式

The software development kit (SDK) provides two main types of pages: the in-meeting page and the prompt page.

Background information

  1. Deployment

    You can directly use the deployed sample code. For more information, see Sample code. For deployment instructions, see Deployment instructions.

  2. Parameter settings

    For more information, see Important input parameters.

  3. Troubleshooting

    If you encounter problems, see FAQ.

Introduction to main features

  • Supports video and voice calls for both employees and external users.

    • Employees can join the meeting directly after the loading page appears.

    • External users must enter a nickname on the loading page before they can join the meeting.

  • In-meeting member control.

    • Employees can mute external users or remove them from the meeting.

    • External users can only mute themselves or leave the meeting.

  • In-meeting screen sharing.

  • Switch between large and small video windows.

  • Real-time in-meeting chat.

  • Switch audio and video devices during a meeting.

  • Supports in-meeting language switching between Chinese and English.

  • Multiple built-in default error pages.

Main interface description

  • Prompt page:

    The prompt page refers to all pages other than the in-meeting page. Examples include the pre-meeting loading page, the nickname entry page for external users, the unsupported browser page, the outdated browser version page, the expired or invalid meeting page, the screen sharing plugin installation prompt, and permission pages for the camera or microphone. The following figures show two examples.

    Loading page:

    Nickname entry page for external users:

    The following describes the annotations (red numbers and yellow boxes) in the diagram:

  • In-meeting page:

    The in-meeting page is displayed after you successfully join a meeting.

    The following list describes the annotations in the preceding figure:

Deployment instructions

Domain Names/Ingress

The URL format to access the page after deployment is: Domain name + Ingress + Parameters. The parameters have no restrictions.

Example URL: https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/videomeeting/?code=946235

  • Domain name: The domain name for deployment must use HTTPS because audio and video permissions require it. Example: https://alimeeting.alibaba-inc.com.

  • Ingress: The specific value is not restricted. However, you must pass the value to the SDK through the 3.1.1 meetingRouter field in the `pageConfig` parameter. Otherwise, a blank page is displayed. Example: /alimeeting/web/webvc/videomeeting.

HTML template

For an example of an HTML deployment template, see Sample code.

  • Add a DOM node with a specified ID: <div id='container'/>. All frontend resources are rendered in this `container` DOM node.

  • Load script files: Load the following scripts into the HTML template.

    • css: https://g.alicdn.com/InformationPlatform/conference_js/2.0.27/conference.css

    • js: https://g.alicdn.com/InformationPlatform/conference_js/2.0.27/conference.js

    • vendorjs: https://g.alicdn.com/InformationPlatform/conference_js/2.0.27/dll/vendor_h.js

    • language: https://lang.alicdn.com/daily/web-conference/0.0.18/web-conference.json

  • Add parameter content: Add the `pageConfig` object to the `window` object to ensure that the SDK runs correctly. For more information about how to add specific parameters, see Input parameters for the Share customization module.

  • To customize styles, use your own CSS to overwrite the DOM styles.

  • To customize text, download the JSON file. After downloading, modify the text as needed and load your language JSON file in the HTML.

Important input parameters

Parameter

Example

Type

Required

Description

meetingRouter

/alimeeting/web/webvc/videomeeting

String

Yes

The ingress in the deployment instructions. This parameter is critical for frontend routing. If an incorrect value is passed, frontend routing fails and a blank page is displayed.

token

f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3

String

Yes

The token required to connect to the meeting control service over WebSocket Secure (WSS). You can obtain it by calling the JoinMeeting API. This corresponds to the `meetingToken` field in the API response.

wssUrl

alimeeting-test-daily

String

Yes

The WSS domain name of the meeting control service. You can obtain it by calling the JoinMeeting API. This corresponds to the `meetingDomain` field in the API response.

meetingUUID

f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3

String

Yes

The universally unique identifier (UUID) of the meeting. You can obtain it by calling the JoinMeeting API. This corresponds to the `meetingUUID` field in the API response.

empId

1234564

String

No

The employee ID. Valid values:

  • Employee: If you pass this value, the user is considered an employee and joins the meeting as an employee.

  • External user: If you do not pass this parameter, or pass -1 or an empty string, the user joins the meeting as an external user.

memberUuid

f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3

String

No

The unique identifier of a meeting member. Valid values:

  • Employee: Obtain the value by calling the JoinMeeting API. This corresponds to the `memberUUID` field in the API response.

  • External user: You do not need to pass this parameter. The frontend code generates it automatically.

slsInfo (Deprecated. You no longer need to pass this parameter.)

None

Object

Yes

The parameter required for the Log Service (SLS) API. Obtain it by calling the checkMeetingCode API. This corresponds to the `slsInfo` field in the API response. We recommend that you directly pass through the returned `slsInfo` field.

meetingAppId

alimeeting-SDK

String

Yes

The ID of the current app. Obtain it by calling the JoinMeeting API. This corresponds to the `meetingAppId` field in the API response.

videoHeight

360

number

No

Setting a high resolution for the main stream can result in high CPU usage and rapid power consumption. After the configuration is complete, we recommend testing the CPU usage and power consumption.

The default value is 360. Unit: Px.

videoWidth

640

number

No

The width of the main stream. Setting a high resolution may cause high CPU usage and fast power consumption on your computer. After configuration, test the CPU usage and power consumption.

The default value is 640. Unit: Px.

minVideoHeight

180

number

No

The height of the sub-stream resolution.

The default value is 180. Unit: Px.

minVideoWidth

320

number

No

The width of the sub-stream resolution.

The default value is 320. Unit: Px.

maxBigBitrate

500000

number

No

The maximum bitrate of the main stream.

The default value is 500000. Unit: bit.

maxSmallBitrate

125000

number

No

The maximum bitrate of the sub-stream.

The default value is 125000. Unit: bit.

videoFrameRate

16

number

No

The video frame rate.

The default value is 16. Unit: FPS.

Sample image

If the `token` that you pass has expired, the error page shown in the following figure is displayed. You can refresh the page to retrieve a new token from the server and assign it to the HTML template.

Input parameters for page redirection

Parameter

Type

Required

Description

unsupportBrowserUrl

String or Object

No

Only Chrome browser versions that are greater than or equal to minChromeVersion are supported. If an unsupported browser version is detected, the browser redirects to the URL that you provide for this parameter. If you do not provide this parameter, a prompt page that is built into the SDK is displayed.

unsupportBrowserVersionUrl

String or Object

No

The URL to redirect to when the Chrome browser version is outdated. Only Chrome versions equal to or later than minChromeVersion are supported. If the version requirement is not met and you pass this parameter, the browser redirects to the specified URL. If you do not pass this parameter, a built-in prompt page from the SDK is displayed.

invalidMeetingUrl

String or Object

No

The URL to redirect to when the meeting has expired or the security token is invalid. If an error occurs and you pass this parameter, the browser redirects to the specified URL. If you do not pass this parameter, a built-in prompt page from the SDK is displayed.

evaluateUrl

String or Object

No

The URL of the post-meeting evaluation or feedback page. If you pass this parameter, the browser redirects to this URL after the meeting ends. If you do not pass this parameter, a built-in "Thank you for participating" page from the SDK is displayed.

downloadUrl

String or Object

No

The URL of a dedicated download page for clients on different platforms, such as Android, iOS, Windows, and macOS. If you configure this parameter, all download links within the SDK open this URL in a new window. If you do not configure this parameter, the UI related to client downloads is not displayed.

startClientUrl

String or Object

No

The URL of a dedicated page for launching other clients. If you configure this parameter, all client launch points within the SDK open this URL in a new window. If you do not configure this parameter, the UI related to opening the client is not displayed.

Sample image

  • If the unsupportBrowserVersionUrl parameter is omitted and a browser other than Chrome is used, the following default image is displayed:

  • If you do not pass the `unsupportBrowserVersionUrl` parameter and the user's Chrome browser version is outdated, the default page is displayed, as shown in the following figure:

  • If you do not pass the `invalidMeetingUrl` parameter and the meeting has expired or the security token is invalid, the default page is displayed, as shown in the following figure:

  • If you do not pass the `evaluateUrl` parameter, the default page is displayed after the meeting ends, as shown in the following figure:

Input parameters for page resources

All parameters for resource URLs must use HTTPS or a protocol-relative URL, which does not include the `https:` prefix. Otherwise, a security warning may be triggered and cause the resource to fail to load. For example:

// With https:
'https://img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg'
// Without https:
'//img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg'

Parameter

Type

Required

Description

meetingLogo

String or Object

No

Specifies whether to display the page element corresponding to Red number 2 in Main interface description.

companyLogo

String or Object

No

Specifies whether to display the page element corresponding to Red number 1 in Main interface description.

Input parameters for page elements

Parameter

Type

Required

Description

showChat

bool

No

Specifies whether to display the page element corresponding to Red number 18 in Main interface description. This provides the in-meeting message sending and receiving feature.

The default value is true.

showClientGuide

bool

No

Specifies whether to display the page element corresponding to Red number 3 in Main interface description.

Default value:

showSpeakerIcon

bool

No

Specifies whether to display the page element corresponding to Red number 16 in Main interface description. This provides the feature to mute or unmute received audio.

The default value is true.

showMicroIcon

bool

No

Specifies whether to display the page element corresponding to Red number 15 in Main interface description. This provides the feature to mute or unmute the local microphone.

The default value is true.

showCameraIcon

bool

No

Specifies whether to display the page element corresponding to Red number 13 in Main interface description. This provides the feature to turn the local camera on or off.

The default value is true.

showShowScreenIcon

bool

No

Specifies whether to display the page element corresponding to Red number 12 in Main interface description. This provides the feature to start or stop screen sharing.

The default value is true.

The message UI is displayed as shown in the following figure:消息UI

Input parameters for custom page text

All text parameters can be a string or an object. Use the object format if the text differs between the Chinese and English versions. If the text is the same for both languages, you can use a string. The following formats are valid:

'Hello';
or
{
   'en': 'Hello~~',
   'zh-cn': 'Hello'
 }

Parameter

Type

Required

Description

nickJonTitle

String or Object

No

The page element corresponding to Red number 6 in Main interface description. This is the prompt text for external users to enter a nickname when joining a meeting.

Default value:

{
  'en':  'Join a Video/Voice Conference',
  'zh-cn': 'Join a Video/Voice Conference'
}

nickJonPlaceholder

String or Object

No

The page element corresponding to Red number 7 in Main interface description. This is the placeholder text for external users to enter a nickname when joining a meeting.

Default value:

{
  'en':  'Enter your name for display and communication during the meeting',
  'zh-cn': 'Please enter name for chatting and shown'
}

appTitle

String or Object

No

The title displayed on the website.

Default value:

{
  'en':  'Alimeeting(Ongoing)',
  'zh-cn': 'Alimeeting(Ongoing)'
}

An example of the website title is shown in the following figure:会议Title

Input parameters for the Share customization module

You can configure this module by adding `shareInfo` to `pageConfig`. This corresponds to the page element labeled Red number 19 in the Main interface description section. If this module is not configured, this area is blank:

  • Required: No

  • Type: object

  • Example:

  • Sample data and metric description:

    {
     "title":{   // The title. It can be a string or an object. This corresponds to section 19.1 in the UI.
       "en": "Way 1: Copy to Share",
       "zh-cn": "Way 1: Quick copy and share",
     },
     "tips":{   // The description at the bottom. It can be a string or an object. This corresponds to section 19.3 in the UI.
       "en":"After copied, share with others via Dingding or other IM apps.",
       "zh-cn": "After copying, invite attendees through chat tools such as DingTalk."
     },
     "content":[// Corresponds to the entire middle module. It is an array of objects, where each object is displayed as a row.
       {
         "title":{   // The title of each item. It can be a string or an object. This corresponds to section 19.2.1 in the UI.
           "en": "Link",
           "zh-cn": "Meeting Link",
         },
         "action": "link",    // "link" indicates a link format. A new window is opened to redirect to the address set in actionValue.
         "actionValue":{     // The actual URL to redirect to. It can be a string or an object. This corresponds to section 19.2.5 in the UI. This is the actual content or redirection address of the link.
           "en": "https://www.baidu.com/",
           "zh-cn": "https://www.baidu.com/",
         },
         "actionLabel":{   // The text for the <a> tag displayed to the user. It can be a string or an object. This corresponds to section 19.2.4 in the UI.
           "en": "Copy Meeting Link",
           "zh-cn": "Copy Meeting Link",
         },
       },
       {
         "title":{
           "en": "Code",
           "zh-cn": "Meeting Code",
         },
         "tooltip":{  // Additional information for the title. The default interaction is to display a tooltip on hover. It can be a string or an object. This corresponds to section 19.2.2 in the UI.
           "en": "Used in internal/external app, phone or room",
           "zh-cn": "Use when joining a meeting from an internal or external client, by phone dial-in, or from a conference room"
         },
         "action": "copy",   // "copy" indicates a copy format. The value in actionValue is copied to the clipboard.
         "actionValue":{    // The actual content to be copied to the clipboard. It can be a string or an object.
           "en": "334641",
           "zh-cn": "334641",
         },
         "actionText":{     // The value displayed in the UI. This corresponds to section 19.2.3 in the UI. It can be a string or an object.
           "en": "334641",
           "zh-cn": "334641",
         },
         "actionLabel":{   // The text for the <a> tag displayed to the user. It can be a string or an object.
           "en": "Copy",
           "zh-cn": "Copy",
         },
       },
       {
         "title":{
           "en": "Guides",
           "zh-cn": "Joining Guide",
         },
         "tooltip":{},
         "action": "copy",
         "actionValue":{
           "en": "Hello, I'd like to invite you to join an Alibaba video conference.******",
           "zh-cn": "Hello, you are invited to an Alibaba audio and video conference. *******",
         },
         "actionLabel":{
           "en": "Copy Meeting Details",
           "zh-cn": "Copy Full Information",
         },
       }
     ],
    }

Input parameters for the More customization module

You can configure this module by adding `moreInfo` to `pageConfig`. This corresponds to the page element labeled Red number 8 in the Main interface description section:

  • Required: No

  • Type: object

  • Default value:

    {
    "language": true
    }
  • Example:

  • Sample data and metric descriptions

    {
     "language": true,      // Specifies whether to display the language switching feature. This corresponds to section 8.1 in the UI.
     "extra": [                   // Custom cells. The default behavior of a cell is to respond to a click event and open a new window to redirect to a new page.
       {
         "title": {                // The main text to display. It can be a string or an object. This corresponds to section 8.2.1 in the UI.
           "en": "Launch App to Join",
           "zh-cn": "Launch Client to Join"
         },
         "tips": {                // The description text to display. It can be a string or an object. This corresponds to section 8.2.2 in the UI.
           "en": "Better experience & advanced features",
           "zh-cn": "Better call quality and advanced features"
         },
         "link": {                // The URL of the page to redirect to. It can be a string or an object.
           "en": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f",
           "zh-cn": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f"
         }
       },
       {
         "title": {
           "en": "Feedback",
           "zh-cn": "I want to give feedback"
         },
         "link": {
           "en": "https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt",
           "zh-cn": "https://survey.alibaba.com/apps/zhiliao/xWe7CNZlZ"
         }
       }
     ]
    }

Other input parameters

  • Parameter: minChromeVersion

  • Required: No

  • Type: String/number

  • Default value: 70

  • Description: Specifies the minimum supported Chrome browser version. The default value is 70. Values greater than 70 are valid. If you set a value of less than 70, the value is automatically set to 70.

  • Example: 72

Page output parameters

All output parameters are directly assigned to the `window` object. You can retrieve the value of a parameter using `window[key]`.

  • Parameter: mediaSessionId

  • How to retrieve: window['mediaSessionId']

  • Type: String

  • Description: The session ID used to connect to the media STUN server.

Sample code

  • HTML template

    <!DOCTYPE html>
    <html class="theme-normal">
      <head>
        <meta charset="utf-8"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="yes" name="apple-touch-fullscreen"/>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
        <title>Teambition Meeting</title>
        <link rel="shortcut icon" href="data:image/png;base64,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" type="image/png">
    
              <link href="//g.alicdn.com/InformationPlatform/conference_js/2.0.27/conference.css" rel="stylesheet"/>
                  <script src="//lang.alicdn.com/daily/web-conference/0.0.18/web-conference.json"></script>
          </head>
      <body>
        <div id="container"></div>
        <script>
          window.pageConfig = {"meetingRouter":"/detail","meetingRouterEnter":"/enter","minChromeVersion":70,"companyLogo":{"en":"https://dn-st.teambition.net/meetings/meetings.logo.png","zh-cn":"https://dn-st.teambition.net/meetings/meetings.logo.png"},"meetingLogo":"","downloadUrl":"","startClientUrl":"","unsupportBrowserUrl":false,"unsupportBrowserVersionUrl":false,"invalidMeetingUrl":false,"showChat":false,"showEmailInvite":false,"showSpeakerIcon":true,"showMicroIcon":true,"showCameraIcon":true,"showShowScreenIcon":true,"showClientGuide":false,"moreInfo":{"language":true,"extra":[]},"nickJoinTitle":{"en":"Participant","zh-cn":"Join Meeting"},"nickJoinPlaceholder":{"en":"Your meeting name","zh-cn":"Enter your name"},"useWs":false,"appTitle":{"en":"Teambition Meetings","zh-cn":"Teambition Meetings"},"token":"5c0af82a-ade3-4ba4-8abc-c19635041ec6","memberUuid":"","wssUrl":"alimeeting-paas-vc-sdk.aliyuncs.com","empId":-1,"meetingUUID":"dd645d27-d785-49e2-b9cb-50582805****","meetingAppId":"alimeeting-SDK","slsInfo":{"logServiceEndpoint":"log-global.aliyuncs.com","logstore":"client_info","project":"alimeeting-paas"},"evaluateUrl":"https://tb-meeting-site.aone.alibaba-inc.com/rating?meetingId=dd645d27-d785-49e2-b9cb-50582805****","shareInfo":{"title":{"en":"Share","zh-cn":"Quick copy and share"},"tips":{"en":"After copied, share with others and invite them.","zh-cn":"Copy and send to others to invite them to join."},"content":[{"title":{"en":"Link","zh-cn":"Meeting Link"},"tooltip":{},"action":"copy","actionValue":"tb-meeting-site.aone.alibaba-inc.com/detail?code=19423041","actionLabel":{"en":"Copy Meeting Link","zh-cn":"Copy Meeting Link"}},{"title":{"en":"Code","zh-cn":"Meeting Code"},"tooltip":{"en":"Use Teambition Web or App and enter the Id to join.","zh-cn":"Enter the video discussion from the global creation entry on the Teambition homepage or app, and enter this ID to join."},"action":"copy","actionValue":"19423041","actionLabel":{"en":"Copy","zh-cn":"Copy"}}]},"appDefaultLang":"zh-cn"}
          window.localStorage.setItem('lang', "")
        </script>
              <script src="//g.alicdn.com/InformationPlatform/conference_js/2.0.27/dll/vendor_h.js"></script>
              <script src="//g.alicdn.com/InformationPlatform/conference_js/2.0.27/conference.js"></script>
          </body>
    </html>
  • `pageConfig` parameters

    {
       "token": "f3ab1a96-f5bf-4655-9ebc-e08ac8e586c3",
       "wssUrl": "118.31.XX.XXX",
       "meetingRouter": "/test/videomeeting/detail/",
       "minChromeVersion": 70,
       "memberUuid": "8b916426-d72c-4245-8205-78865ed85852",
       "empId": "73662",
       "meetingUUID": "dd645d27-d785-49e2-b9cb-50582805****",
       "downloadUrl": {
           "en": "https://alilang.alibaba-inc.com/portal/index.htm",
           "zh-cn": "https://alilang.alibaba-inc.com/portal/index.htm"
       },
       "meetingLogo": {
           "en": "https://img.alicdn.com/tfs/TB1g3qFcxD1gK0jSZFsXXbldVXa-481-69.svg",
           "zh-cn": "https://img.alicdn.com/tfs/TB1OSGJcrj1gK0jSZFOXXc7GpXa-379-69.svg"
       },
       "companyLogo": {
           "en": "https://img.alicdn.com/tfs/TB10RyIcAL0gK0jSZFAXXcA9pXa-399-69.svg",
           "zh-cn": "https://img.alicdn.com/tfs/TB10RyIcAL0gK0jSZFAXXcA9pXa-399-69.svg"
       },
       "startClientUrl": {
           "en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
           "zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
       },
       "evaluateUrl": {
           "en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
           "zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
       },
       "unsupportBrowserUrl": {
           "en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
           "zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
       },
       "unsupportBrowserVersionUrl": {
           "en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
           "zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
       },
       "invalidMeetingUrl": {
           "en": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter",
           "zh-cn": "https://daily.package-manager.taobao.net/alimeeting/web/webvc/enter"
       },
       "showChat": true,
       "showEmailInvite": false,
       "showSpeakerIcon": true,
       "showMicroIcon": true,
       "showCameraIcon": true,
       "showShowScreenIcon": true,
       "nickJonTitle": {
           "en": "Doraemon en nickJonTitle en",
           "zh-cn": "Doraemon zh nickJonTitle zh"
       },
       "nickJonPlaceholder": {
           "en": "Doraemon en nickJonTitle en",
           "zh-cn": "Doraemon zh nickJonTitle zh"
       },
       "shareInfo": {
           "title": {
               "en": "Way 1: Copy to Share",
               "zh-cn": "Dora test share content title"
           },
           "tips": {
               "en": "After copied, share with others via Dingding or other IM apps.",
               "zh-cn": "After copying, invite attendees through chat tools such as DingTalk."
           },
           "content": [
               {
                   "title": {
                       "en": "Link",
                       "zh-cn": "Meeting Link"
                   },
                   "tooltip": {},
                   "action": "copy",
                   "actionValue": {
                       "en": "https://****",
                       "zh-cn": "https://****"
                   },
                   "actionLabel": {
                       "en": "Copy Meeting Link",
                       "zh-cn": "Copy Meeting Link"
                   }
               },
               {
                   "title": {
                       "en": "Code",
                       "zh-cn": "Meeting Code"
                   },
                   "tooltip": {
                       "en": "Used in internal/external app, phone or room",
                       "zh-cn": "Use when joining a meeting from an internal or external client, by phone dial-in, or from a conference room"
                   },
                   "action": "copy",
                   "actionValue": {
                       "en": "334641",
                       "zh-cn": "334641"
                   },
                   "actionText": {
                       "en": "334641",
                       "zh-cn": "334641"
                   },
                   "actionLabel": {
                       "en": "Copy",
                       "zh-cn": "Copy"
                   }
               },
               {
                   "title": {
                       "en": "Guides",
                       "zh-cn": "Joining Guide"
                   },
                   "tooltip": {},
                   "action": "copy",
                   "actionValue": {
                       "en": "Hello, I'd like to invite you to join an Alibaba video conference.******",
                       "zh-cn": "Hello, you are invited to an Alibaba audio and video conference. *******"
                   },
                   "actionLabel": {
                       "en": "Copy Meeting Details",
                       "zh-cn": "Copy Full Information"
                   }
               }
           ]
       },
       "moreInfo": {
           "language": true,
           "extra": [
               {
                   "title": {
                       "en": "Launch App to Join",
                       "zh-cn": "Launch Client to Join"
                   },
                   "tips": {
                       "en": "Better experience & advanced features",
                       "zh-cn": "Better call quality and advanced features"
                   },
                   "link": {
                       "en": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f",
                       "zh-cn": "https://alimeeting.alibaba-inc.com/alimeeting/web/webvc/alilangpc?uuid=19671198-ce02-4ebc-a86f-143d0879749f"
                   }
               },
               {
                   "title": {
                       "en": "Feedback",
                       "zh-cn": "I want to give feedback"
                   },
                   "link": {
                       "en": "https://survey.alibaba.com/apps/zhiliao/1i7UdRcLt",
                       "zh-cn": "https://survey.alibaba.com/apps/zhiliao/xWe7CNZlZ"
                   }
               }
           ]
       },
    }