|
| 1 | +--- |
| 2 | +pcx_content_type: overview |
| 3 | +title: Introduction |
| 4 | +sidebar: |
| 5 | + order: 2 |
| 6 | +--- |
| 7 | + |
| 8 | +Cloudflare RealtimeKit allows you to integrate programmable and easily customizable live video and voice into your web, mobile, and desktop applications. With just a few lines of code, you can enable live video communication, voice calls, and interactive live streaming. |
| 9 | + |
| 10 | +## How RealtimeKit Works |
| 11 | + |
| 12 | +RealtimeKit is composed of three core components that work together to provide a complete real-time communication platform: the UI Kit, the Core SDK, and the backend infrastructure. |
| 13 | + |
| 14 | +- **UI Kit**: It provides a library of pre-built, customizable UI components that sits on top of the Core SDK, allowing you to quickly build a polished user interface for your real-time application. The UI Kit is available for React, Angular, HTML, React Native, iOS, and Android. |
| 15 | + |
| 16 | +- **Core SDK**: The Core SDK provides the business logic for the UI Kit. It can be used independently to build a custom UI from the ground up, but the UI Kit offers a simpler and faster way to get started. The SDK interacts directly with the RealtimeKit backend and SFU, providing powerful APIs for features like live video, audio, and streaming while abstracting away the complexities of WebRTC. The Core SDK is available for JavaScript, React, React Native, iOS, and Android. |
| 17 | + |
| 18 | +- **Backend Infrastructure**: This is the foundation of RealtimeKit. It includes REST APIs for creating meetings, adding participants, retrieving session information, webhooks for server-side notifications, and so on. A dedicated socket server handles real-time signalling, while the [Realtime SFU](./sfu) relays media between users with low latency. The entire backend runs on Cloudflare's global network, ensuring reliability and scale. |
| 19 | + |
| 20 | +## Use Cases |
| 21 | + |
| 22 | +RealtimeKit is designed for a variety of real-time communication needs. Here are some of the most common use cases: |
| 23 | + |
| 24 | +### Group Calls |
| 25 | + |
| 26 | +Build collaborative experiences for team meetings, online classrooms, or social applications. These use cases are powered by WebRTC for real-time, low-latency communication. |
| 27 | + |
| 28 | +- **Team Meetings:** Connect with your team through high-quality video conferencing. Share screens, record meetings, and use interactive features. |
| 29 | +- **Virtual Classrooms:** Create engaging learning environments with live video and audio, whiteboards, and breakout rooms. |
| 30 | +- **Social Networking:** Enable users to have private or group video chats within your platform. |
| 31 | + |
| 32 | +### Webinars |
| 33 | + |
| 34 | +Webinars are one-to-many events designed for a presenter to share information with a large, interactive audience. Unlike group calls where all participants collaborate freely, webinars have distinct roles for presenters and viewers, managed through [presets](./concepts#presets). This structure, powered by WebRTC, is ideal for product demos, company all-hands, and live workshops, with features like chat, Q&A, and polls to engage the audience. |
| 35 | + |
| 36 | +- **Product Demos:** Showcase your product to a large audience with live video and Q&A sessions. |
| 37 | +- **Company All-Hands:** Broadcast company-wide meetings to all your employees, no matter where they are. |
| 38 | +- **Live Workshops:** Conduct training sessions and workshops with a live instructor and interactive participation. |
| 39 | + |
| 40 | +### Livestreaming |
| 41 | + |
| 42 | +Livestreaming allows you to broadcast video to a large public audience. While the video itself is a one-way feed, you can enhance audience engagement by adding interactive features like chat and polls. This is powered by [Cloudflare Stream](/stream/) using HLS (HTTP Live Streaming) for maximum scalability, making it perfect for events like sports and concerts. |
| 43 | + |
| 44 | +- **Live Sports:** Stream sporting events to fans around the world in real-time. |
| 45 | +- **Gaming:** Build your own platform to livestream gameplay directly to your followers with RealtimeKit. |
| 46 | +- **Concerts and Events:** Share live performances and events with a global audience. |
| 47 | + |
| 48 | +## Capabilities |
| 49 | + |
| 50 | +Explore the capabilities that you can incrementally add to your live video experiences. |
| 51 | + |
| 52 | +- **[Recording](https://docs.realtime.cloudflare.com/guides/capabilities/recording/recording-overview):** Record meetings and save them to [Cloudflare R2](/r2/), or a provider of your choice. |
| 53 | +- **[Chat](https://docs.realtime.cloudflare.com/web-core/chat/introduction):** Enable real-time text-based chat for participants during a video call. |
| 54 | +- **[Polls](https://docs.realtime.cloudflare.com/web-core/polls/introduction):** Create and manage interactive polls to engage your audience during calls. |
| 55 | +- **[Breakout Rooms](https://docs.realtime.cloudflare.com/guides/capabilities/breakoutroom/create-breakout-rooms):** Split participants into smaller, private groups for focused discussions. |
| 56 | +- **[Virtual Backgrounds](https://docs.realtime.cloudflare.com/guides/capabilities/video/add-virtual-background):** Allow users to apply custom virtual backgrounds to their video streams. |
| 57 | +- **[Video Filters](https://docs.realtime.cloudflare.com/guides/capabilities/video/processing) & [Audio Filters](https://docs.realtime.cloudflare.com/guides/capabilities/audio/processing):** Apply custom middlewares to create unique audio and video effects. |
| 58 | +- **[Multi-Screen Share](https://docs.realtime.cloudflare.com/web-core/local-user/introduction#enable--disable-screen-share):** Allow multiple participants to share their screens simultaneously. |
| 59 | +- **[Transcription](https://docs.realtime.cloudflare.com/guides/capabilities/audio/transcriptions):** Enable live transcription of audio from video calls for captions or records. |
0 commit comments