🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
36 lines
1.2 KiB
Markdown
36 lines
1.2 KiB
Markdown
# 🎬 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
|
|
|