XYLink MeetingKit

项目介绍

小鱼易连 MeetingKit 是一套基于视频通话场景开发的产品，它提供与小鱼易连 Web 会议及客户端相同的 UI 组件，仅需 5 个步骤的集成代码开发，即可构建 Web 视频通话应用，帮助开发者节省 95% 的开发时间。

此项目使用到的技术栈：React + Tailwind + Typescript

在线体验

• 小鱼易连 Web 会议

开发文档

• 产品介绍
• 视频通话
• 集成指导

集成 MeetingKit

开发者可在浏览器、Electron 等环境下集成小鱼易连 Web MeetingKit；

1. 安装依赖

$ npm install @xylink/meetingkit -S

2. 创建 Client

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

const client = await uiMeetingKit.createClient({
  clientId: 'XXX',
  clientSecret: 'XXX',
  extId: 'XXX'
});

// 监听退会事件，做相应处理
uiMeetingKit.on(XYMeetingEventKey.DISCONNECTED, (event) => {});

3. 登录

await client.loginExternalAccount({
  extUserId: 'XXX',
  displayName: 'XXX'
});

4. 加入会议

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

await uiMeetingKit.makeCall({
  confNumber: 'XXX',
  password: '',
  displayName: '',
  // 入会是否是自动静音
  muteAudio: false,
  // 入会是否是关闭摄像头
  muteVideo: false
});

5. 引入 MeetingKit

提示： 调用 makeCall 时，显示 XYMeetingKitComp 组件，可以通过传递 visible 属性控制显示隐藏组件

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

const App = () => {
  return <XYMeetingKitComp visible={true} />;
};

export default App;

示例项目

我们在 GitHub 上提供了开源的示例项目供你参考：

React 版本：https://github.com/xylink-com/xylink-rtc-demo

如果您是第一次集成小鱼易连 RTC SDK 产品，可以使用我们基于 Web MeetingKit 实现的产品进行体验：小鱼易连 Web 会议。 我们将 Web SDK 的最新功能在 小鱼易连 Web 会议 上进行集成展示出来，方便作为一种参考方式。

产品动态

具体可查看产品动态文档。