73 lines
2.6 KiB
Markdown
73 lines
2.6 KiB
Markdown
# AvanzaCast - Plataforma de Streaming en Vivo
|
|
|
|
## Descripción del Proyecto
|
|
AvanzaCast es una plataforma de streaming en vivo similar a StreamYard que permite:
|
|
- Transmisión multistream (YouTube, Facebook, Twitch, LinkedIn)
|
|
- Estudio virtual con WebRTC
|
|
- Chat en tiempo real
|
|
- Grabación y almacenamiento en la nube
|
|
- Gestión de invitados y colaboración
|
|
- Personalización de escenas con overlays y branding
|
|
|
|
## Stack Tecnológico
|
|
- **Frontend**: React 18 + Next.js 15
|
|
- **Styling**: Tailwind CSS
|
|
- **TypeScript**: Para tipado estático
|
|
- **Linting**: ESLint
|
|
- **Streaming**: WebRTC (próximamente)
|
|
- **Chat**: Socket.IO (próximamente)
|
|
- **Base de Datos**: PostgreSQL + Redis (próximamente)
|
|
- **Storage**: AWS S3 / MinIO (próximamente)
|
|
- **Transcoding**: FFmpeg (próximamente)
|
|
|
|
## Estructura del Proyecto
|
|
```
|
|
src/
|
|
├── app/ # App Router (Next.js 13+)
|
|
│ ├── auth/ # Páginas de autenticación
|
|
│ ├── broadcasts/ # Panel de Transmisiones (antes dashboard)
|
|
│ ├── studio/ # Estudio virtual de streaming
|
|
│ ├── layout.tsx # Layout principal
|
|
│ ├── page.tsx # Página de inicio
|
|
│ └── globals.css # Estilos globales
|
|
├── components/ # Componentes reutilizables
|
|
├── hooks/ # Custom hooks de React
|
|
└── lib/ # Utilidades y configuraciones
|
|
```
|
|
|
|
## Instrucciones de Desarrollo
|
|
- Seguir las convenciones de Next.js 15 (App Router)
|
|
- Usar TypeScript para tipado estático
|
|
- Implementar componentes modulares y reutilizables
|
|
- Priorizar la performance y UX para streaming en tiempo real
|
|
- Mantener código limpio y bien documentado
|
|
- El proyecto está configurado para ejecutarse con `npm run dev`
|
|
|
|
## Estado Actual del Proyecto
|
|
✅ **Configuración inicial completa**
|
|
- Estructura de archivos Next.js creada
|
|
- Páginas básicas implementadas (Home, Login, Register, Dashboard, Studio)
|
|
- Tailwind CSS configurado
|
|
- TypeScript configurado
|
|
- ESLint configurado
|
|
- Proyecto ejecutándose en http://localhost:3000
|
|
|
|
## Próximos Pasos de Desarrollo
|
|
1. Implementar autenticación real (NextAuth.js)
|
|
2. Configurar base de datos (PostgreSQL)
|
|
3. Implementar WebRTC para video streaming
|
|
4. Agregar Socket.IO para chat en tiempo real
|
|
5. Integrar APIs de plataformas de streaming
|
|
6. Implementar grabación de sesiones
|
|
|
|
## Features Principales del MVP
|
|
1. ✅ Estructura básica del proyecto
|
|
2. 🟡 Autenticación de usuarios
|
|
3. 🟡 Creación de transmisiones
|
|
4. 🟡 Estudio virtual básico con WebRTC
|
|
5. 🟡 Multistream a YouTube + Facebook
|
|
6. 🟡 Chat en tiempo real
|
|
7. 🟡 Grabación en la nube
|
|
|
|
Leyenda: ✅ Completado | 🟡 Pendiente | ❌ No iniciado
|