← Cloudflare Realtime / realtime / realtimekit
Выбор SDK
Предложения
RealtimeKit предлагает два способа создания медиаприложений в реальном времени:
UI Kit:
Core SDK: Клиентский SDK, построенный поверх Realtime SFU и предоставляющий полный набор API для управления видеозвонками: от присоединения к сессиям и выхода из них до отключения и включения звука и переключения аудио и видео.
Выберите свой фреймворк
RealtimeKit поддерживает все популярные фреймворки для веб- и мобильных платформ. Выберите платформу и фреймворк, на основе которых вы разрабатываете приложение.
| Фреймворк/библиотека | 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 ↗ |
| React Native | @cloudflare/realtimekit-react-native ↗ | @cloudflare/realtimekit-react-native-ui ↗ |
Техническое сравнение
Это подробное руководство поможет выбрать правильный вариант для вашего проекта. Сравнение поможет разобраться в компромиссах между использованием только Core SDK и его сочетанием с UI Kit.
| Возможность | Только Core SDK | UI Kit |
|---|---|---|
| Что вы получаете | Core API для управления медиа, инструментами организатора, чатом, записью и другими функциями. | готовые UI-компоненты вместе с Core API. |
| Размер бандла | Минимальный (только медиа/сеть) | Больше (включает Core SDK + UI-компоненты) |
| Время до запуска | Дольше (создание интерфейса с нуля). Обычно занимает 5-6 дней. | Быстрее (UI Kit сам обрабатывает вызовы Core SDK). Можно собрать и выпустить решение менее чем за 2 часа. |
| Настройка | Полный контроль, ручная реализация. Требуется создавать собственный интерфейс | Высокий уровень кастомизации благодаря библиотеке компонентов по принципу plug-and-play. |
| Управление состоянием | Требует ручной обработки. | Автоматически. Управление состоянием берёт на себя UI Kit. |
| Гибкость интерфейса | Неограниченно (создавайте что угодно) | Высокий (библиотека компонентов + дополнения) |
| Кривая обучения | Круче (изучение API Core SDK напрямую) | Более пологая (декларативные компоненты оборачивают Core SDK) |
| Обслуживание | Больше кода для поддержки. Более крупный проект. | Меньше кода, обновления компонентов включены |
| Design system | Headless, интегрируется с любой дизайн-системой. | Позволяет задать собственную тему. |
| Доступ к Core SDK | Прямой доступ к API | Прямой доступ к API + UI-компоненты |