← El reproductor

NanoPlayer · banco de pruebas del núcleo

Usa la API pública tal cual la usaría un integrador: createPlayer() y los métodos del ciclo de vida.

Ya hay barra de controles. Prueba a navegarla solo con el teclado: Tab para moverte, Espacio o K para reproducir, flechas para buscar y ajustar volumen, M para silenciar, F para pantalla completa. Los botones del ciclo de vida siguen en crudo a propósito: son lo interesante de enseñar.

Con dos streams el sincronizador ya está activo. Pulsa Desincronizar 400 ms o Saltar al azar y observa cómo se cierra la deriva: el indicador de acción del lazo muestra si corrige de forma suave o con un salto duro. Los timecodes incrustados en los vídeos permiten comprobarlo a simple vista.

Ciclo de vida

Estado
idle
Peticiones de red
0
Elementos <video>
0
Posición guardada
0.00 s
Tiempo
0.00 s
Deriva
Acción del lazo

Escenario

Estado idle: solo el póster. Ni una petición de red.

Manifiesto · lo que hay que pasarle al reproductor

Bus de eventos · todo lo que ve onAny()