Best Practices
Essential guidelines and recommendations for optimizing your RIXL workflow, from media preparation to production deployment.
Essential guidelines and recommendations for optimizing your RIXL workflow, from media preparation to production deployment.
Get the most out of RIXL with these proven best practices. Whether you're just getting started or optimizing an existing workflow, these guidelines will help you achieve better performance, quality, and efficiency.
Choose the right format for best processing speed and quality:
Fastest processing with universal compatibility. Use for most content.
Excellent for content from iPhone, iPad, and Mac devices.
AVI, FLV require conversion overhead. Convert to MP4 first.
Choose the right quality tier based on your content and audience:
Best for:
Specifications:
Source Quality
Upload the highest quality version you have. RIXL will optimize down to appropriate sizes automatically.
Audio Processing
Use recommended audio settings for best results:
Frame Rate Standards
Stick to standard frame rates for optimal processing:
Structure your projects for scalability and team collaboration:
Create separate projects for different campaigns, brands, or environments (dev/staging/prod).
Choose server regions closest to your primary audience for optimal delivery performance.
Follow these organization strategies for efficient content management:
Folder Structure Best Practices:
Tagging Strategy:
Content Lifecycle Management:
Set up effective team workflows:
Role-Based Access
Assign appropriate roles based on team member responsibilities:
Approval Workflows
Implement content approval processes:
Project Templates
Create reusable project structures:
Follow proper installation procedures for reliable performance:
Package Management:
# Use your preferred package manager
npm install @rixl/media-react
# or
yarn add @rixl/media-reactTypeScript Configuration:
Video Component Best Practices:
import {Video} from '@rixl/media-react';
// Basic implementation
<Video
id="your-media-id"
className="w-full h-auto rounded-lg"
autoPlay={false}
muted={false}
controls
/>Image Component Best Practices:
import {Image} from "@rixl/media-react";
// Optimized image usage
<Image
id="your-image-id"
className="w-full h-auto object-cover"
analytics
analyticsPage="standalone"
onRixlAnalytics={(e) => console.log(e.detail.event)}
/>;Ensure your media components are accessible:
Always provide descriptive alt text for images and meaningful titles for videos.
RIXL components include built-in keyboard navigation support.
Components are WCAG 2.1 compliant with proper ARIA attributes.
Use subtitle support for video content accessibility.
Ensure broad compatibility:
Protect your API keys and implement secure practices:
API keys are like passwords for your project. Keep them secure and never share them publicly or commit them to version control.
Security Guidelines:
Follow proven patterns for reliable uploads:
Initialize Upload
Use the three-step upload process:
Error Handling
Implement comprehensive error handling:
Performance
Improve upload performance:
Implement effective monitoring:
// Example status monitoring pattern
const monitorProcessing = async (videoId) => {
const pollInterval = 5000; // 5 seconds
while (true) {
const status = await checkProcessingStatus(videoId);
if (status.state === "completed") {
break;
} else if (status.state === "failed") {
handleProcessingError(status.error);
break;
}
// Adjust polling frequency based on processing stage
await new Promise((resolve) => setTimeout(resolve, pollInterval));
}
};Monitoring Best Practices:
Protect your content and maintain security:
Use project permissions and API keys to control who can access your media.
Deliver content over HTTPS with secure, signed URLs for private media.
Periodically review access logs and permissions to ensure security.
Maximize delivery speed and efficiency:
RIXL's global CDN automatically caches content close to your users.
Load images and videos only when they enter the viewport to save bandwidth.
Use smart placeholders to improve perceived load time and prevent layout shift.
Ready to put these practices into action? Start with the 5-Minute Quick Start Guide or explore the Platform Dashboard Guide for more in-depth workflows.