RealtimeKit 提供了两种构建实时媒体应用程序的方法:
UI Kit:
Core SDK:基于 Realtime SFU 构建的客户端 SDK,提供了一整套用于管理视频通话的 API,从加入和离开会话到静音、取消静音以及切换音频和视频。
RealtimeKit 支持所有主流的 Web 和移动平台框架。请选择您正在使用的平台和框架。
| 框架/库 | Core SDK | UI Kit |
|---|---|---|
| Web-Components (HTML, Vue, Svelte) | @cloudflare/realtimekit ↗ | @cloudflare/realtimekit-ui ↗ |
| React | @cloudflare/realtimekit-react ↗ | @cloudflare/realtimekit-react-ui ↗ |
| Angular | @cloudflare/realtimekit ↗ | @cloudflare/realtimekit-angular-ui ↗ |
| Android | com.cloudflare.realtimekit:core ↗ | com.cloudflare.realtimekit:ui-android ↗ |
| iOS | RealtimeKit ↗ | RealtimeKitUI ↗ |
| Flutter | realtimekit_core ↗ | realtimekit_ui ↗ |
| React Native | @cloudflare/realtimekit-react-native ↗ | @cloudflare/realtimekit-react-native-ui ↗ |
这是一份全面的指南,可帮助您为项目选择合适的选项。此对比将帮助您了解仅使用 Core SDK 与将其与 UI Kit 结合使用之间的权衡。
| 特性 | 仅限 Core SDK | UI Kit |
|---|---|---|
| 您将获得 | 用于管理媒体、主持人控制、聊天、录制等的核心 API。 | 预构建的 UI 组件以及核心 API。 |
| 包大小 | 极小(仅限媒体/网络) | 较大(包括 Core SDK + UI 组件) |
| 发布时间 | 较长(从头构建 UI)。通常需要 5-6 天。 | 较快(UI Kit 处理 Core SDK 调用)。可在 2 小时内完成构建并上线。 |
| 自定义 | 完全控制,手动实现。需要构建您自己的 UI | 即插即用组件库提供高度自定义。 |
| 状态管理 | 需要手动处理。 | 自动,UI Kit 负责处理状态管理。 |
| UI 灵活性 | 无限制(可构建任何内容) | 高(组件库 + 插件) |
| 学习曲线 | 更陡峭(直接学习 Core SDK API) | 更平缓(声明式组件封装了 Core SDK) |
| 维护 | 需要维护更多代码。项目规模更大。 | 代码更少,包含组件更新 |
| 设计系统 | 无头(Headless),可与任何设计系统集成。 | 允许您提供自己的主题。 |
| 访问 Core SDK | 直接访问 API | 直接访问 API + UI 组件 |