# 🎬 Quantum Player - Video Streaming Platform

## 📖 Tabla de Contenidos

1. [Historia del Proyecto](#-historia-del-proyecto)
2. [Arquitectura del Sistema](#-arquitectura-del-sistema)
3. [Stack Tecnológico](#-stack-tecnológico)
4. [Funcionamiento Detallado](#-funcionamiento-detallado)
5. [HLS Streaming](#-hls-streaming)
6. [Sistema de Autostart](#-sistema-de-autostart)
7. [Deployment y Networking](#-deployment-y-networking)
8. [Problemas y Soluciones](#-problemas-y-soluciones)
9. [Guía de Uso](#-guía-de-uso)
10. [Referencia Técnica](#-referencia-técnica)

---

# 📜 Historia del Proyecto

## Fase 1: Inicio del Proyecto (Día 1)

### Contexto Inicial
El proyecto comenzó con una necesidad simple: crear un reproductor de video web moderno que pudiera servir archivos de video desde una carpeta local y permitir la descarga en diferentes calidades.

### Requerimientos Iniciales
1. **Framework**: Nuxt 4 (v3.19.2) con Vue 3
2. **Estilo**: HTML y CSS vanilla (sin frameworks CSS)
3. **Diseño**: Cyberpunk/Glassmorphism
4. **Funcionalidades**:
   - Reproducir videos desde carpeta `/videos`
   - Selector de calidades (4K, 2K, 1080p, 720p, 480p)
   - Opciones de descarga
   - SEO con meta tags
   - Caching en RAM para reproducción rápida