Composants Média

Composants disponibles:

• VideoPlayer: Lecteur vidéo avec contrôles complets, recherche, volume, plein écran
• AudioPlayer: Lecteur audio avec contrôles complets, recherche, volume

Utilisation:

import { VideoPlayer, AudioPlayer } from '@/components/ui';

// Video Player
<VideoPlayer
  src="/path/to/video.mp4"
  poster="/path/to/poster.jpg"
  title="Video Title"
  controls
  onPlay={() => logger.debug('Playing')}
  onPause={() => logger.debug('Paused')}
/>

// Audio Player
<AudioPlayer
  src="/path/to/audio.mp3"
  title="Track Title"
  artist="Artist Name"
  onPlay={() => logger.debug('Playing')}
  onPause={() => logger.debug('Paused')}
/>

Fonctionnalités:

• Contrôles de lecture/pause
• Contrôle du volume avec mute
• Recherche dans la vidéo/audio
• Avance/retour rapide (10 secondes)
• Plein écran pour les vidéos
• Support du mode sombre automatique
• Callbacks pour les événements (play, pause, ended)