界面定制

import { uiMeetingKit } from '@xylink/meetingkit';

// 1. 界面定制（createClient 前）
uiMeetingKit.setFeatureVisible({ enableIM: false });
uiMeetingKit.setBgmAudioConfig({ play: false });
uiMeetingKit.setSettingConfig({ settingMenu: { hotkey: false } });
uiMeetingKit.setTheme({ colorPrimary: '#49A681' });
uiMeetingKit.setUiConfig({ tabTitle: '我的会议' });
uiMeetingKit.setLocale('zh_CN');

// 2. 创建客户端
await uiMeetingKit.createClient({ /* clientId, clientSecret, extId, server, meetingControlUrl */ });

// 3. 渲染 XYMeetingKitComp（makeCall 前），定制底部按钮
// 

// 4. 登录 → 用户手势触发入会时：playAudio（推荐）→ makeCall
await uiMeetingKit.getClient()?.loginExternalAccount({ extUserId: '…', displayName: '…' });
await uiMeetingKit.getClient()?.playAudio();
await uiMeetingKit.makeCall({ confNumber: '…', displayName: '…' });

import { uiMeetingKit } from '@xylink/meetingkit';

uiMeetingKit.setFeatureVisible({
   enableIM: false // 隐藏聊天功能
});

import { XYMeetingKitComp } from '@xylink/meetingkit';

<XYMeetingKitComp
  visible={visible}
  footerCustomButtons={[]}
/>
    
export interface XYCustomButtonConfig {
  key: string;                    // 按钮唯一标识符（必需）,使用已存在的 key 值会覆盖默认按钮配置
  label?: string | ReactNode;     // 按钮显示文字
  icon?: string | ReactNode;      // 按钮图标
  position?: XYButtonPosition;    // 按钮位置：'left' | 'middle' | 'right'
  className?: string;             // 自定义CSS类名
  order?: number;                 // 显示顺序（数值越小越靠前）
  show?: boolean;                 // 为 false 时从对应区域移除该按钮
  priority?: XYButtonPriority;    // 隐藏优先级：MUST_SHOW | HIGH | MEDIUM | LOW
  defaultHidden?: boolean;        // 是否默认隐藏在"更多"菜单中
  closeParentDialog?: boolean;    // 点击后是否关闭父级弹窗
  popover?: XYPopoverProps;       // 气泡弹窗配置
  onClick?: (context?: any) => void | Promise<void>; // 点击回调函数, 原内置交互逻辑不再执行
  component?: React.ComponentType<any>; // 自定义React组件
}

import { XYMeetingKitComp } from '@xylink/meetingkit';

const customButtons = [
  {
    key: 'customer-support',
    label: '客服支持',
    icon: <SupportIcon />,
    position: XYButtonPosition.MIDDLE,
    order: -1,
    priority: XYButtonPriority.MEDIUM,
    onClick:()=>{}
  },
  {
    key: 'feedback',
    label: '反馈',
    icon: <FeedbackIcon />,
    position: XYButtonPosition.MIDDLE,
    order: -1,
    priority: XYButtonPriority.LOW,
    className: 'custom-feedback-btn',
    onClick: ()=>{}
  }
];

<XYMeetingKitComp
  footerCustomButtons={customButtons}
  // 其他配置...
/>

import { uiMeetingKit } from '@xylink/meetingkit';

uiMeetingKit.setUiConfig({
  tabTitle: '我的会议',
  tabIcon: 'https://your.cdn/favicon.ico',
  logoUrl: 'https://your.cdn/logo.png',
  meetingInfoUi: {
    conferenceLink: {
      label: '入会链接',
      value: 'https://example.com/join/xxx',
      copyText: 'https://example.com/join/xxx',
    },
  },
  inviteUi: {
    headline: { value: '邀请您加入会议' },
    conferenceNumber: { label: '会议号', show: true },
    hardwareSectionLabel: '客户端与终端入会方式',
    phoneDial: { value: '400-xxx-xxxx' },
    showCopyInviteButton: true,
  },
  recordUi: {
    cloudRecordCompleteTip: '云录制已完成，请在录制中心查看',
  },
});

uiMeetingKit.setSettingConfig({
  appearanceMode: 'light', // 'light' | 'dark' | 'system'
  settingMenu: {
    about: {
      showVersionLog: false,      // 隐藏版本日志
      showSdkDriverLine: false,   // 隐藏 SDK 驱动说明
      // showLogo: false,          // 可选，隐藏 Logo
    },
    feedback: {
      showDownloadLog: false,       // 隐藏「下载日志」
      showDebug: false,             // 隐藏「调试模式」
    },
    hotkey: false,                  // 隐藏「快捷键」Tab
    common: {
      appearanceSetting: true,
      speakerName: true,
      isLowResolution: true,
    },
  },
});

import { uiMeetingKit } from '@xylink/meetingkit';

// 设置界面语言为英文
uiMeetingKit.setLocale('en-US');

// 设置界面语言为中文
uiMeetingKit.setLocale('zh-CN');

// 设置界面语言为繁体
uiMeetingKit.setLocale('zh_TW');

import { uiMeetingKit } from '@xylink/meetingkit';

uiMeetingKit.setTheme({
  colorPrimary: '#49A681',
  displayMode: 'light', // 'light' | 'dark' | 'system'
});

uiMeetingKit.setTheme({
  cssVariables: {
    B1: '#49A681',
    B2: '#3E8C6D',
    Tag1_text: '#49A681',
    Tag1_bg: '#E2F1EB',
  },
  displayMode: 'light', // 'light' | 'dark' | 'system'
});

await uiMeetingKit.setFeatureVisible({ enableBgmAudio: false });

uiMeetingKit.setBgmAudioConfig({
  src: 'https://your.cdn/hold-music.mp3',
  loop: true,
  volume: 0.3,
  play: false,
});

await uiMeetingKit.createClient({
  clientId: '…',
  clientSecret: '…',
  extId: '…',
  server: 'https://…',
  meetingControlUrl: `${window.location.origin}${window.location.pathname}#/host`
});

import { XYMeetingControlHostComp } from '@xylink/meetingkit';

export function MeetingHostRoute() {
  return (
          preloadHidden
      getDocumentTitle={() => '专业会控'}
      iframeTitle="专业会控"
      onMissingUrl={() => {
        window.location.href = '/';
      }}
    />
  );
}

await uiMeetingKit.getClient()?.playAudio();
await uiMeetingKit.makeCall({ confNumber: '…', displayName: '…' });