Televizyon yayınlarındaki video küçültme efekti CSS Grid ve WebVTT ile web'e taşındı
Öne çıkanlar
- Video ölçekleme işlemi dönüştürme kodları yerine doğrudan CSS Grid hücrelerinin boyut animasyonuyla yapıldı.
- Düzen değişikliklerinin zamanlaması JavaScript sayaçları yerine WebVTT altyazı olaylarıyla yönetiliyor.
- Form gibi etkileşimli öğelere odaklanıldığında zaman aşımına rağmen arayüzün kapanması engelleniyor.
Mux mühendisleri, televizyon yayınlarında yaygın olarak kullanılan ve ana görüntüyü köşeye küçülterek ek paneller açan squeezeback efektini web tarayıcılarında yeniden oluşturdu. Geliştirilen yöntemde harici video düzenleme yazılımlarına veya karmaşık JavaScript animasyon döngülerine gerek kalmadan doğrudan modern CSS Grid ve WebVTT standartları kullanıldı.
Sistem, video oynatıcısını 3x3 boyutundaki bir ızgara düzeninin merkez hücresine yerleştirerek çalışıyor. Kenar hücrelerin boyutları animasyonla genişletildiğinde video otomatik olarak küçülüyor ve açılan alanlara etkileşimli HTML öğeleri yerleştirilebiliyor. Zamanlama tarafında ise tarayıcının yerel WebVTT altyazı motorundan yararlanılarak video akışındaki belirli anlarda düzen değişiklikleri tetikleniyor.
Yaklaşım; etkileşimli alışveriş panelleri, işaret dili çevirmenleri veya sunum slaytları gibi dinamik bileşenlerin video oynatımını kesintiye uğratmadan ekrana getirilmesini sağlıyor. Kullanıcı form alanlarına odaklandığında düzenin kapanmasını engelleyen mekanizma sayesinde veri kaybı da önleniyor.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.