@dytesdk/ui-kit

UI Kit by Dyte 互联网档案馆的存檔,存档日期2013-10-02

一组真正定制您的会议 UI 组件
探索文件“

报告错误 • 妇女 请求特性

目录

• 开始
• 使用量
• 关于

开始

React和Angular有单独的UI Kit包,因为它们还没有完全在本土支持Web组件. 检查下面的软件包链接

反应 UI Kit • 妇女 角形UI Kit 软件

首先,你需要安装 ui -kit 与 网络核心 软件包 :

npm i @dytesdk/ui-kit @dytesdk/web-core

这个 web-core 软件包是一个软件包,它通过与我们的服务器交互处理会议所需的所有低等逻辑。 使用它创建会话对象,您可以将它传递给UI Kit组件.

使用量

您需要先初始化一个会议对象.

const meeting = await DyteClient.init({
  roomName: '<room-name>',
  authToken: '<auth-token>',
  defaults: {
    video: true,
    audio: true,
  },
});

您现在可以把这个对象传递到大多数组件, 比如( 与 Vanilla JS, HTML):

<!-- Load the component -->
<dyte-meeting id="my-meeting"></dyte-meeting>

<script>
  const init = async () => {
    const meeting = await DyteClient.init({
      authToken: '<auth-token>',
      roomName: '<room-name>',
      defaults: {
        video: true,
        audio: true,
      },
    });

    const meetingEl = document.getElementById('my-meeting');
    meetingEl.meeting = meeting;
  };

  init();
</script>

关于

ui-kit 由 Dyte, Inc 创建和维护。 你可以在推特上找到我们 @dyte io (英语) 或者给我们写信 dev [at] dyte.io。 。 。 .

Dyte的名字和标志是Dyte, Inc的商标.

我们喜欢开源软件! 见 我们的其他项目 财务报告和审定财务报表 我们的产品。 。 。 .