New Tiers availableMore feature, Up to 10 Million AI-Tokens for free
Read blog postEmbed audio and video in your React application and adapt playback to your layout. The modular Fairu Player provides TypeScript components for audio, video and HLS streaming.
Adaptive bitrate streaming with HLS support. Automatically adjusts quality based on network conditions.
Use the same player for audio and video, including podcasts, music and video streaming.
Organize longer episodes with timestamps, chapter titles and optional artwork so your audience can navigate to a section.
Full WebVTT subtitle support with multiple tracks, styling options, and accessibility features.
Built-in playlist management with queue, shuffle, and repeat modes. Create seamless listening experiences.
Built-in VAST/VPAID support for pre-roll, mid-roll, and post-roll ads. Monetize your content with industry-standard ad formats.
Get started with just a few lines of code. The player integrates seamlessly with any React application.
npm install @fairu/playerimport { AudioPlayer, VideoPlayer } from '@fairu/player';
import '@fairu/player/styles.css';<AudioPlayer src="https://example.com/podcast.mp3" />
<VideoPlayer src="https://example.com/video.mp4" />Use familiar React patterns to build audio and video experiences with full control over playback.
<AudioPlayer
src="https://example.com/podcast.mp3"
title="Episode 1: Getting Started"
artwork="/cover.jpg"
/><VideoPlayer
src="https://example.com/video.mp4"
poster="/thumbnail.jpg"
captions={[{ src: '/en.vtt', label: 'English', lang: 'en' }]}
/><VideoPlayer
src="https://stream.fairu.app/video/playlist.m3u8"
hlsConfig={{ enableWorker: true, lowLatencyMode: true }}
/>Install @fairu/player and test playback with your content. Explore the components in Storybook.