New Tiers availableMore feature, Up to 10 Million AI-Tokens for free
Read blog postBinde Audio und Video in deine React-Anwendung ein und passe die Wiedergabe an dein Layout an. Der modulare Fairu Player bietet TypeScript-Komponenten für Audio, Video und HLS-Streaming.
Adaptive Bitrate-Streaming mit HLS-Unterstützung. Die Qualität wird automatisch an die Netzwerkbedingungen angepasst.
Nutze denselben Player für Audio und Video, etwa für Podcasts, Musik und Video-Streaming.
Gliedere längere Episoden mit Zeitmarken, Kapiteltiteln und optionalen Bildern, damit dein Publikum gezielt navigieren kann.
Vollständige WebVTT-Untertitel-Unterstützung mit mehreren Spuren, Styling-Optionen und Barrierefreiheit.
Integrierte Playlist-Verwaltung mit Warteschlange, Zufallswiedergabe und Wiederholungsmodi. Erstelle nahtlose Hörerlebnisse.
Integrierte VAST/VPAID-Unterstützung für Pre-Roll-, Mid-Roll- und Post-Roll-Anzeigen. Monetarisiere deine Inhalte mit branchenüblichen Werbeformaten.
Starte mit nur wenigen Zeilen Code. Der Player integriert sich nahtlos in jede React-Anwendung.
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" />Nutze vertraute React-Patterns, um Audio- und Video-Erlebnisse mit voller Kontrolle über die Wiedergabe zu erstellen.
<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 }}
/>Installiere @fairu/player und teste die Wiedergabe mit deinen Inhalten. Im Storybook kannst du die Komponenten ausprobieren.