Guía de Reproductor Multimedia

¿Qué hace esta herramienta

El Reproductor multimedia reproduce archivos de audio y vídeo desde tu dispositivo. Construye una lista de reproducción mediante selector de archivos o arrastrar y soltar, salta a pistas haciendo clic, controla reproducir/pausar, buscar, volumen y repetición (ninguna, toda, una). El modo aleatorio randomiza el orden de reproducción. Toda la reproducción ocurre en el navegador — sin subida, sin servidor. Usa URLs blob para cargar archivos desde memoria.

Cómo usarla

1. Añade archivos — Haz clic para seleccionar o arrastra y suelta archivos de audio/vídeo (MP3, MP4, etc.).
2. Construye la lista — Los archivos aparecen en la lista. Haz clic en una pista para reproducirla.
3. Controles — Reproducir, pausar, buscar, volumen. Usa repetición para bucle ninguno, toda o la pista actual.
4. Aleatorio — Activa aleatorio para orden randomizado (Fisher-Yates).
5. Eliminar — Quita pistas de la lista. Las URLs blob se revocan para liberar memoria.
6. Pantalla completa — Usa pantalla completa de vídeo cuando esté disponible.

Cómo funciona

Cada archivo se envuelve como MediaItem (referencia File, nombre para mostrar, tipo, URL blob). URL.createObjectURL(file) crea una URL blob temporal usada por el elemento video HTML5. Ningún contenido multimedia se envía a ningún servidor. Cuando se elimina un elemento de la lista o el componente se desmonta, se llama a URL.revokeObjectURL() para evitar fugas de memoria. El aleatorio usa Fisher-Yates para orden uniformemente aleatorio. Modos de repetición: ninguno (parar tras la última), toda (volver a la primera), una (bucle de la actual).

Todo el procesamiento se ejecuta en tu navegador. No se envía ningún dato a ningún servidor.

Casos de uso y ejemplos

• Música local — Reproduce MP3 desde tu dispositivo.
• Vista previa de vídeo — Vista rápida de archivos de vídeo locales.
• Podcasts — Encola y reproduce episodios.
• Presentaciones — Reproduce audio de fondo o clips de vídeo.
• Pruebas — Verifica que los archivos multimedia se reproduzcan correctamente.

Ejemplo

• Añade cancion1.mp3, cancion2.mp3 → Lista con dos pistas.
• Aleatorio activado → Orden de reproducción randomizado.
• Repetición: una → La pista actual se repite hasta cambiar.

Limitaciones y restricciones conocidas

• Soporte de formato — Depende del navegador y SO (ej. MP4, WebM, MP3).
• URLs blob — Deben revocarse al eliminar/desmontar para evitar fugas.
• Sin streaming — Los archivos se cargan en memoria; archivos muy grandes pueden ser lentos.
• Mismo origen — Las URLs blob son mismo origen; no hay medios cross-origin.