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.
La revelación y la contracción son el mismo evento.
- jareklupinski
> Había visto ese efecto mil veces sin mirarlo realmente de cerca. Es simplemente lo que hace la televisión. Pero durante una de mis infames sesiones de investigación con el iPhone a las 2 a. m. sin poder dormir, aprendí que en realidad tiene un nombre: squeezeback.
me recordó por qué me encanta pasar tiempo con gente de medios: TouchDesigner me ayudó a unir tecnología e interactivos de la mejor manera, permitiéndoles decirme exactamente lo que tienen en mente usando sus flujos y jerga, y puedo dar retroalimentación rápida de sus diseños de forma iterativa mientras están en la sala.
- kmoser
¿Se supone que estas transiciones estén animadas, es decir, que el video cambie de tamaño durante unos segundos? Porque a mí me salta instantáneamente al nuevo tamaño tanto en Firefox como en Chrome.
- davekiss
¡autor aquí! este fue divertido. la idea había estado rondando por mi cabeza durante un tiempo; todavía me encantaría encontrar un flujo de trabajo para transmisiones en vivo para esto, estoy seguro de que es factible pero quizás no con tecnología solo nativa como es ahora mismo.