Video Streaming
Professional video transcoding with adaptive streaming, instant delivery, and automatic processing for any device or connection.
Welcome to RIXL Video Streaming — where every video becomes a streaming powerhouse. Upload any format and get back professional HLS & DASH streams with adaptive quality, instant thumbnails, and global CDN delivery.
Quick Actions
Upload Videos
Professional video transcoding with adaptive streaming and instant delivery.
Video Component
Drop-in video player with HLS streaming, progress tracking, and controls.
Dashboard Management
Upload, organize, and manage videos through our web interface.
How RIXL Transforms Your Videos
Upload Any Format
Drop in MP4, MOV, AVI, WebM, or any video format. RIXL accepts files up to 2GB each.
Choose Quality Tier
Select Basic (720p), Shorts (1080p), or Pro (4K) based on your content and audience needs.
Automatic Processing
RIXL creates multiple quality levels, generates thumbnails, and prepares HLS streams automatically.
Global CDN Delivery
Your processed videos are distributed to 200+ edge locations worldwide for instant streaming anywhere.
Video Processing Features
Adaptive HLS Streaming
Multiple quality levels that automatically adjust based on connection speed and device capabilities.
Instant Thumbnails
Automatic thumbnail generation in AVIF format with smart frame selection.
Quality Tiers
Basic (720p), Shorts (1080p), Pro (4K) processing options for different use cases.
Progress Tracking
Real-time processing status and progress monitoring through dashboard and API.
Global CDN
Edge caching and intelligent routing for instant video delivery worldwide.
Smart Compression
Optimal encoding settings that balance file size and visual quality automatically.
Quality Tiers
Choose the right processing tier for your content and audience:
Perfect for:
- Web content and tutorials
- Desktop-focused viewing
- Fast processing requirements
- Bandwidth-conscious delivery
Specifications:
- 720p HD maximum resolution
- 24fps/30fps frame rates
- Fastest processing times (~1x video length)
- Smallest file sizes
- Ideal for educational content and web videos
Implementation Examples
React Component Usage
import {Video} from '@rixl/media-react';
function VideoPlayer({videoId}) {
return (
<Video
id={videoId}
className="w-full h-auto rounded-lg"
autoPlay={false}
muted={false}
loop={false}
controls
/>
);
}The React Video component is a @lit/react wrapper around <rixl-video>. It forwards id (mapped to videoId), src, videoData, standard media attributes (autoPlay, muted, loop, playsInline, poster, volume), player UI props (controls, theme, progressBar, showChapters, chapters, heatmap, hotSegments, allowFullscreen, allowPictureInPicture, autoHideMs, resumeProgress, soundDisabled), analytics props, and the onRixlAnalytics event.
API Integration
const uploadVideo = async (projectId, videoFile, qualityTier = 'pro') => {
const initResponse = await fetch(
`https://api.rixl.com/media/v1/projects/${projectId}/videos/upload`,
{
method: 'POST',
headers: {
'Authorization': 'Bearer YOUR_API_TOKEN',
'Content-Type': 'application/json'
},
body: JSON.stringify({
name: videoFile.name,
video_quality: qualityTier,
image_format: 'jpg'
})
}
);
const {
video_id,
video_upload_url,
poster_id,
poster_upload_url,
expires_at
} = await initResponse.json();
await fetch(video_upload_url, {
method: 'PUT',
body: videoFile,
headers: { 'Content-Type': videoFile.type }
});
return { video_id, poster_id, expires_at };
};Real-World Use Cases
Video Streaming Platform
Netflix-style streaming with adaptive quality, progress tracking, and global delivery.
Live Event Streaming
Professional broadcasts with multiple quality levels and real-time delivery.
Social Media Integration
Seamlessly embed videos on social platforms with mobile-ready encoding.
E-Learning Platforms
Deliver educational content with fast load times and reliable playback.
Marketing & Advertising
High-impact video ads with instant delivery and global reach.
Enterprise Video Solutions
Secure and scalable video infrastructure for internal and external use.
Performance Benefits
Adaptive Streaming
Automatic quality adjustment based on connection speed prevents buffering.
Global CDN
200+ edge locations ensure instant video delivery worldwide.
Smart Compression
Optimal encoding reduces file sizes while maintaining visual quality.
What's Next?
Ready to stream your videos? Choose your approach:
Upload Your First Video
See HLS streaming and adaptive quality in action with our dashboard.
React Integration
Add the Video component with progress tracking to your application.
API Implementation
Build custom video workflows with our comprehensive REST API.
Ready to stream?
Start with our Video Upload Guide to see HLS streaming in action, or jump into the React Component Guide to add professional video players to your application. For custom workflows, explore our API Documentation.