Reference Documentation

Complete technical reference for RIXL APIs, React SDK components, platform specifications, and integration guides.

Welcome to the RIXL Reference Documentation — your comprehensive technical resource for APIs, SDKs, and platform specifications. Whether you're implementing REST endpoints, configuring React components, or understanding platform limits, find everything you need here.

Quick Actions

API Documentation

Core Endpoints

Video API

Upload, process, and manage video content with quality tier selection and HLS streaming.

Image API

Upload and deliver images with AVIF compression and responsive delivery.

Feed API

Retrieve dynamic content feeds with creator filtering and pagination.

Authentication & Security

API Keys

Project-based authentication with secure key management and rotation.

Rate Limiting

Request limits, burst handling, and quota management across subscription tiers.

Error Handling

Comprehensive error codes, messages, and troubleshooting guides.

React SDK Reference

Component Library

Hooks & Utilities

useProgressBar

Track video playback progress and duration with real-time updates.

TypeScript Support

Full TypeScript definitions for all components and hooks.

Browser Compatibility

Chrome 88+, Firefox 85+, Safari 14+, Edge 88+ support.

Platform Specifications

Media Processing

Video Formats

MP4, MOV, AVI, WebM, MKV input. HLS output with adaptive streaming.

Image Formats

JPEG, PNG, WebP, HEIC input. AVIF output with fallbacks.

Quality Tiers

Basic (720p), Shorts (1080p), Pro (4K) with different processing speeds.

Platform Limits

File Size Limits

Videos: 2GB max | Images: 100MB max | No quantity limits.

API Rate Limits

1000 requests/minute per key | Burst handling included.

Processing Times

Basic: ~1x | Shorts: ~1.5x | Pro: ~2-3x video length.

API Quick Reference

Core Endpoints

EndpointMethodDescription
/videos/upload/initPOSTInitialize video upload
/videosGETList videos with pagination
/videos/{id}GETGet video details and status
/videos/{id}DELETEDelete video and assets
/videos/{id}/thumbnailGETGet video thumbnail

Authentication: X-API-Key: YOUR_PROJECT_API_KEY

EndpointMethodDescription
/images/upload/initPOSTInitialize image upload
/images/upload/completePOSTComplete image upload
/imagesGETList images with pagination
/images/{id}GETGet image details
/images/{id}DELETEDelete image

Authentication: X-API-Key: YOUR_PROJECT_API_KEY

EndpointMethodDescription
/feeds/{id}GETGet feed content with optional creator filtering

Authentication: X-API-Key: YOUR_PROJECT_API_KEY

Query Parameters:

  • creator_id (optional): Filter feed content by specific creator
  • limit (optional): Number of items to return (default: 10, max: 100)
  • offset (optional): Pagination offset (default: 0)

Response Format

All API responses follow a consistent JSON structure:

{
  "status": "success",
  "data": { /* response data */ },
  "message": "Operation completed successfully",
  "pagination": { /* pagination info for list endpoints */ }
}

HTTP Status Codes

CodeStatusDescriptionAction
200OKRequest successfulContinue
201CreatedResource createdUse returned ID
400Bad RequestInvalid parametersCheck request format
401UnauthorizedInvalid API keyVerify authentication
403ForbiddenInsufficient permissionsCheck project access
404Not FoundResource doesn't existVerify resource ID
429Too Many RequestsRate limit exceededImplement backoff
500Internal Server ErrorServer errorRetry or contact support

Common Request Parameters

ParameterTypeRequiredDescriptionExample
file_namestringYesOriginal filename"video.mp4"
video_qualitystringNoProcessing tier"basic", "shorts", "pro"
image_formatstringNoThumbnail format"jpg", "png", "webp"
limitintegerNoItems per page (max 100)25
offsetintegerNoPagination offset0

React SDK Component Reference

Video Component Props

type VideoTheme = "default" | "minimal" | "hideUI";

interface VideoProps extends HTMLProps<HTMLVideoElement> {
  id?: string;                   // Optional: Video ID from RIXL
  progressBar?: boolean;         // Show progress bar
  allowPlayPause?: boolean;      // Allow play/pause controls
  allowFullscreen?: boolean;     // Enable fullscreen mode
  allowPictureInPicture?: boolean; // Enable picture-in-picture
  volume?: number;               // Volume level (0-1)
  theme?: VideoTheme;            // UI theme: "default" | "minimal" | "hideUI"
  // Inherits all standard HTML video props: autoplay, muted, loop, controls, poster, onPlay, onPause, onEnded, etc.
}

Image Component Props

interface ImageProps extends HTMLProps<HTMLImageElement> {
  id?: string;                   // Optional: Image ID from RIXL
  // Inherits all standard HTML image props: alt, className, loading, sizes, onLoad, onError, etc.
}

Feed Component Props

interface FeedProps extends HTMLProps<HTMLDivElement> {
  feedId: string;               // Required: Feed ID from RIXL
  creatorId: string;            // Required: Creator ID to filter content
  startPostId?: string;         // Optional: Starting post ID for pagination
}

Technical Specifications

Browser Requirements

BrowserMinimum VersionFeatures Supported
Chrome88+Full HLS, AVIF, WebP
Firefox85+Full HLS, WebP (AVIF fallback)
Safari14+Full HLS, HEIC, WebP
Edge88+Full HLS, AVIF, WebP
Mobile Safari14+Full HLS, HEIC support
Chrome Mobile88+Full HLS, AVIF support

CDN & Performance

Global Edge Locations

200+ edge locations worldwide with intelligent routing and caching.

Adaptive Streaming

HLS with multiple quality levels based on connection speed.

Smart Caching

Intelligent cache invalidation and edge performance.

Developer Resources

Integration Tools

OpenAPI Specification

Complete API specification for code generation and testing tools. (Coming Soon)

Postman Collection

Ready-to-use Postman collection for API testing and exploration. (Coming Soon)

TypeScript Definitions

Full TypeScript support included with @rixl/videosdk-react package.

Support & Updates

API Versioning

Semantic versioning with backward compatibility and migration guides.

Status Page

Real-time platform status and incident notifications.

Developer Support

Direct technical support for integration questions and issues.

Ready to integrate?

Start with our API Reference for REST endpoints, or explore React SDK Components for frontend integration.