A lightweight, modular React media player for video and podcast playback. Built with TypeScript, designed for flexibility, and optimized for Fairu's CDN and HLS streaming.
Adaptive bitrate streaming with HLS support. Automatically adjusts quality based on network conditions.
One unified player for both audio and video content. Perfect for podcasts, music, and video streaming.
Native podcast chapter support with timestamps, titles, and optional artwork. Perfect for long-form content.
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 start building beautiful audio and video experiences. Explore our Storybook for interactive component demos.