react-player

ReactPlayer es un componente React para incrustar reproducción multimedia desde múltiples fuentes usando una interfaz única. Acepta una URL de medios y carga automáticamente el markup o SDK externo necesario para reproducirlo. Las fuentes soportadas incluyen rutas de video y audio HTML5 estándar, streams HLS vía hls.js, streams DASH vía dash.js, videos de Mux vía el elemento mux-player, YouTube vía la API del reproductor iFrame de YouTube, Vimeo vía la API del reproductor de Vimeo, y Wistia vía la API del reproductor de Wistia. El componente expone un conjunto rico de props para controlar la reproducción, como src, playing, loop, controls, volume, muted, playbackRate, width, height, preload, playsInline, crossOrigin, disableRemotePlayback, y soporte para picture-in-picture donde esté disponible. También proporciona props de callback para eventos comunes del reproductor, incluyendo onReady, onStart, onPlay, onPlaying, onProgress, onTimeUpdate, onDurationChange, onPause, onWaiting, onSeeking, onSeeked, onRateChange, onEnded, onError, y eventos de entrada/salida de picture-in-picture. Una prop config permite ajustes específicos por fuente para YouTube, Vimeo y HLS. ReactPlayer incluye helpers estáticos como canPlay para probar si una URL es reproducible, así como addCustomPlayer y removeCustomPlayers para registrar implementaciones personalizadas. Los métodos de instancia accesados vía ref pretenden ser compatibles con la interfaz HTMLMediaElement. Para rendimiento, el componente soporta carga diferida de chunks del reproductor cuando el sistema de build soporta imports dinámicos, reduciendo el tamaño del bundle principal cargando solo el reproductor necesario para una fuente dada. Funcionalidades adicionales incluyen un modo ligero que muestra una miniatura primero y carga el reproductor completo solo tras interacción del usuario, soporte para miniaturas personalizadas, sizing responsivo mediante width, height, y estilos de aspect-ratio, y compatibilidad con UIs de control personalizadas como Media Chrome. Desde la versión 3, ReactPlayer también soporta múltiples hijos de fuentes y tracks de manera similar a los elementos nativos HTML video y audio, permitiendo formatos alternos y pistas de subtítulos. El README indica que la versión 3 es una actualización arquitectónica mayor y no es compatible hacia atrás con la versión 2, y que el mantenimiento ahora lo maneja Mux mientras permanece como código abierto.