← Cloudflare Realtime / realtime / realtimekit
Výběr SDK
Nabídka
RealtimeKit nabízí dva způsoby, jak vytvářet mediální aplikace v reálném čase:
UI Kit:
Core SDK: Klientský SDK postavený nad Realtime SFU, který poskytuje kompletní sadu API pro správu videohovorů, od navazování a ukončování relací až po ztlumení, obnovení zvuku a přepínání audia a videa.
Vyberte svůj framework
RealtimeKit podporuje všechny oblíbené frameworky pro webové i mobilní platformy. Vyberte platformu a framework, na kterém vyvíjíte.
| Framework/knihovna | 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 ↗ |
Technické srovnání
Následující podrobný průvodce vám pomůže vybrat pro váš projekt tu správnou možnost. Toto srovnání vysvětluje kompromisy mezi samostatným použitím Core SDK a jeho kombinací s UI Kit.
| Funkce | Pouze Core SDK | UI Kit |
|---|---|---|
| Co získáte | Základní API pro správu médií, ovládání hostitele, chat, nahrávání a další funkce. | předpřipravené komponenty UI spolu s Core API. |
| Velikost bundlu | Minimální (pouze média/síť) | Větší (obsahuje Core SDK + UI komponenty) |
| Doba do spuštění | Delší (vytvoření uživatelského rozhraní od začátku). Obvykle 5 až 6 dní. | Rychlejší (UI Kit se stará o volání Core SDK). Sestavit a nasadit lze za méně než 2 hodiny. |
| Přizpůsobení | Úplná kontrola, ruční implementace. Nutnost vytvořit si vlastní UI | Vysoká úroveň přizpůsobení díky knihovně komponent připravené k okamžitému použití. |
| Správa stavu | Je nutné ošetřit ručně. | Automaticky, o správu stavu se stará UI Kit. |
| Flexibilita UI | Neomezené (postavte cokoli) | Vysoká (knihovna komponent + doplňky) |
| Křivka učení | Strmější (naučte se přímo rozhraní Core SDK API) | Jemnější přístup (deklarativní komponenty obalují Core SDK) |
| Údržba | Více kódu k údržbě. Větší projekt. | Méně kódu, včetně aktualizací komponent |
| Design system | Headless, lze integrovat s libovolným designovým systémem. | Umožňuje zadat vlastní téma. |
| Přístup ke Core SDK | Přímý přístup k API | Přímý přístup k API + UI komponenty |