视频通话-UI模式

// index.json文件中添加组件引用和横屏配置：

{
  ...
  "usingComponents": {
      "xylink-room": "@xylink/xy-mp-sdk/component"
   },
  "pageOrientation": "landscape",
}

// index.wxml文件中使用组件

<!-- 小鱼小程序SDK UI组件 -->
<xylink-room
  template="{{ template }}"
  beauty="{{ 5 }}"
  muted="{{ muted }}"
  camera="{{ camera }}"
  devicePosition="{{ devicePosition }}"
  id="xylink"
  bindonRoomEvent="onRoomEvent"
/>

// 引入SDK
import XYRTC from "@xylink/xy-mp-sdk";


Page({
  // 页面加载时触发
  onLoad() {
    // 创建client实例，保存到当前页面的实例上，后续需要调用client内部的方法
    this.XYClient = XYRTC.createClient({
      //...
    });
  },
})

Page({
  data: {
    ...
    muted: false,
    devicePosition: 'front',
    camera: true,
    onHold: false, // 是否通话等待
    template: {
      layout: 'auto',
      detail: []
    }
  }
}

this.XYClient.loginExternalAccount(params: LoginExternalAccountParams): Promise<StatusInfo>;

/**
 * 登录参数
 *
 * @property { string } extUserId - 第三方UserId，规则：数字、字母、\_-, 且长度不能超过 50字符
 * @property { string } displayName - 登录用户名
 */
interface LoginExternalAccountParams {
  extUserId: string;
  displayName: string;
}

/**
 * 登录结果信息
 *
 * @property { string } key - 错误码
 * @property { string } message - 消息提示
 * @property { IUserInfo } data - 登录用户信息
 */
interface StatusInfo {
  key: string;
  data: UserInfo | null;
  message: string;
}

/**
 * 用户信息
 *
 * @property { string } appId - 应用ID
 * @property { string } callNumber - 用户呼叫号码ID
 * @property { string } deviceSN - 设置SN
 * @property { string } displayName - 登录用户名
 * @property { string } enterpriseId - 登陆企业ID
 * @property { string } securityKey - 安全码
 * @property { string } userId - 用户ID
 */
interface UserInfo {
  appId: string;
  callNumber: string;
  deviceSN: string;
  displayName: string;
  enterpriseId: string;
  securityKey: string;
  userId: number;
}

this.XYClient.makeCall(params: MakeCallParams): Promise<StatusInfo>;

/**
 * 呼叫参数
 *
 * @property {string}  string - 云会议室号
 * @property {string}  password - 云会议室入会密码, 默认填写为""
 * @property {string}  displayName - 入会名称
 * @property {boolean} isAudioMute - 关闭音频入会
 * @property {boolean} isVideoMute - 关闭视频入会
 * @property {CameraPosition}  cameraPosition - 前置或后置摄像头, 可选值：front，back
 */
interface MakeCallParams {
  number: string;
  password?: string;
  displayName?: string;
  isAudioMute?: boolean;
  isVideoMute?: boolean;
  cameraPosition?: CameraPosition;
}

/**
 * 前置或后置摄像头
 *
 * @property  FRONT front - 前置
 * @property  BACK back - 后置
 */
enum CameraPosition {
  FRONT = 'front',
  BACK = 'back'
}

/**
 * 返回结果
 *
 * @param { string } key - 错误码
 * @param { any } data - 数据
 * @param { string } message - 结果消息
 */
interface StatusInfo {
  key: string;
  data: any;
  message: string;
}

onRoomEvent(ms) {
  const { type, detail, message } = ms.detail;

  switch (type) {
    case 'connected':
      // 入会成功消息
      console.log('demo get connected message: ', detail);

      // 加入会议成功，隐藏呼叫Loading
      this.setData({ meetingLoading: false });
      break;
    case 'disconnected':
      // 退出会议消息
      console.log('demo get disconnected message: ', detail);
      // 挂断会议
      this.XYClient.hangup();
      // 提示并退出会议页面
      break;
    // 其他监听消息
    default: {
      console.log('匹配到ws消息', ms.detail);
    }
  }
}