Web de directo

Especificaciones para web de eventos en directo con interactividad (wordpress)

objetivo general

crear una plataforma en wordpress donde los usuarios puedan:

1. Comprar entradas para un evento en directo.


2. Recibir por email el enlace privado del evento.


3. Acceder al directo solo con su cuenta (una sola sesión activa por usuario).


4. Ver el directo embebido en la web (no en YouTube u otra plataforma).


5. Comprar "iconos" o "regalos virtuales" que puedan lanzarse en pantalla en tiempo real durante la transmisión.


6. Todo el sistema debe ser replicable fácilmente (clonando el sitio) y personalizable visualmente mediante Elementor.




---

funcionalidades requeridas

1. Venta de Entradas

Utilizar WooCommerce para gestionar la venta de entradas.

Crear un producto virtual llamado "Entrada al evento" (sin envío).

Habilitar el registro automático de usuario en el checkout.

Al finalizar la compra, el usuario debe recibir un email con:

Confirmación de la compra

Enlace a la página del directo

Instrucciones para el acceso (solo 1 sesión por cuenta activa)



Plugins requeridos:

WooCommerce

WP Mail SMTP (para asegurar entrega de correos)

AutomateWoo (para automatizar el envío del enlace post-compra)



---

2. Página del Evento en Directo

Crear una página privada llamada "Evento en Directo", accesible solo por usuarios logueados con entrada válida.

Incluir el reproductor de vídeo en vivo directamente en la página.

Añadir un área visual donde se verán animaciones de los iconos lanzados por los usuarios en tiempo real.


Plugins/servicios sugeridos:

WpStream (para transmisión en directo desde WordPress)

Restrict Content Pro o código personalizado para controlar acceso



---

3. Transmisión de Vídeo

La transmisión debe hacerse directamente desde el sitio web, no redirigir a YouTube u otras plataformas.

Recomendado: uso de OBS Studio para emitir en directo hacia WpStream o servidor propio.

Si se opta por un servidor externo (como Mux o Wowza), debe integrarse el reproductor embebido en la página del directo.



---

4. Acceso con 1 solo dispositivo por cuenta

El sistema debe restringir el acceso a una sola sesión activa por cuenta.

Si un usuario intenta iniciar sesión en otro dispositivo, se cierra automáticamente la sesión anterior o se bloquea el acceso.


Plugin requerido:

WP Bouncer o Prevent Concurrent Logins



---

5. Venta e Interacción con Iconos/Regalos

Crear productos virtuales en WooCommerce para representar los iconos/regalos:

Ejemplo: “Corazón”, “Aplauso”, “Fueguito”


Los usuarios pueden comprar estos iconos desde una sección en la página del directo.

Al comprar/lanzar un icono, este debe mostrarse en tiempo real sobre el vídeo (efecto visual).


Requisitos técnicos para esta funcionalidad:

Usar Firebase Realtime Database o Pusher para enviar los eventos de “icono lanzado”.

Implementar un script JavaScript en la página del directo que escuche esos eventos y renderice las animaciones.

Las animaciones pueden implementarse con GSAP, Lottie, o efectos CSS/Canvas.



---

REQUISITOS Técnicos adicionales

todos los elementos deben ser fácilmente replicables en nuevas instalaciones de wordpress.

La personalización del diseño (colores, tipografías, botones) debe poder hacerse exclusivamente desde Elementor.

Todas las configuraciones técnicas deben documentarse para poder clonar el sistema fácilmente.



---

entregables del desarrollador

1. Sitio WordPress funcional con las siguientes características implementadas:

Venta de entradas

Restricción de acceso

Streaming en vivo desde la web

Control de acceso único por cuenta

Iconos lanzables en tiempo real



2. Instrucciones claras para clonar el sitio y adaptarlo a otro evento:

Duplicación de base de datos

Reemplazo de media y productos

Cambios visuales con Elementor



3. Documentación del sistema de interacción:

Cómo agregar nuevos iconos

Cómo se conecta Firebase o Pusher

Cómo integrar nuevas animaciones