Tiempo Real · Web & Video

Open Stream Suite

Orden real para la biblioteca de medios de WordPress.

Capa gráfica reactiva para emisión en directo sobre navegador headless. Integra chat interactivo, medidores de telemetría y marcadores con consumo de CPU inferior al 1.5%.

WordPress & REST API Código en producción
Rol Arquitectura & Desarrollo
Stack PHP 8.3 · WordPress · REST API
Peso Frontend < 18 KB CSS/JS
Licencia GPL-2.0-or-later / Open Source
Estado En Producción · Galicia
El Desafío / Problema
Los overlays tradicionales construidos con frameworks complejos consumen demasiados recursos de GPU y CPU en la máquina de emisión, provocando saltos de fotogramas y degradación de la calidad de vídeo. Sincronizar animaciones en tiempo real sin desfase de audio y vídeo suele ser un reto.
Nuestra Solución
Open Stream Suite utiliza TypeScript puro con animación basada en transformaciones 3D aceleradas por hardware y WebSockets binarios para minimizar latencias. Cero bibliotecas innecesarias en el cliente del overlay: todo el render se realiza en canvas y CSS puro con un consumo medio del 1.2% de CPU.
overlay-bridge.ts
interface StreamAlert {
  id: string;
  type: "follow" | "raid" | "order";
  text: string;
}

export class OverlayBridge {
  private ws: WebSocket;
  constructor(endpoint: string) {
    this.ws = new WebSocket(endpoint);
    this.ws.onmessage = (event) => {
      const alert: StreamAlert = JSON.parse(event.data);
      this.renderNotification(alert);
    };
  }
  private renderNotification(alert: StreamAlert): void {
    requestAnimationFrame(() => {
      document.getElementById("alertText")!.textContent = alert.text;
    });
  }
}

Métricas & Rendimiento de Ingeniería

100/100

Lighthouse Score

Máxima puntuación en Rendimiento, Accesibilidad y Mejores Prácticas.

12.4 KB

Bundle CSS/JS

Carga ultraligera sin frameworks pesados ni scripts bloqueantes.

0 ms

Layout Shifts (CLS)

Estabilidad visual perfecta con reservas de espacio y aspect ratios.

A+

Seguridad & Headers

Auditoría CSP estricta y protección contra inyecciones y XSS.