Squeezeback televisivo reconstruido con CSS Grid y WebVTT

The broadcast squeezeback, rebuilt with CSS Grid and WebVTT

Un desarrollador de Mux reconstruye el efecto 'squeezeback' de las transmisiones deportivas usando CSS Grid y WebVTT. En lugar de un video pre-renderizado, el layout cambia dinámicamente con transiciones de grid, y los tiempos se controlan con cues de WebVTT. Incluye un efecto de luz ambiental con canvas y manejo de formularios que se mantienen enfocados. El autor comparte trucos de CSS y advertencias sobre @property y hls.js.