Nová verzia prináša niekoľko zásadných zmien v oblasti spracovanie médií (obrázkov a video sekvencií).

Vzhľadom na vysoký objem dát máme uložené multimediá u spoločnosti Flickr. Posledná zmena licenčných podmienok zakazuje používať priame linky na obrázky/videá a tvrdo vyžaduje pri kliknutiach linkovať na stránky spoločnosti Flickr – APIs Terms of Use. Musíme sa prispôsobiť týmto požiadavkám a z toho vyplývajúcim zmenám v práci s multimédiami na našom webíku. Našli sme riešenie požadovaného spätného linkovanie na Flickr, ktoré sa maximálne snaží vyhovieť požiadavkám, viď príklad uvedebý nižšie.

Prijaté riešenie prináša dve zmeny, jednu dobrú a jednu zlú (ako yin-yang):

• dobrá / vítaná zmena – rýchlejšie načítanie detailnej stránky tovaru
• zlá / nevítaná zmena – pomalšie otváranie plnej veľkosti obrázkov a videí

video ikona

Ďalej bola pridaná možnosť zobrazovať krátke videá k produktom (podobne ako poznáte z YouTube). Väčšina týchto webových technológií je však založená na používaní technológie Marcomedia/Adobe FLASH, ktorá je trvale vysoko problematická už od svojho vzniku. Preto sme sa rozhodli technológiu FLASH vôbec nepodporovať (celý náš web je flash-free). Na prehrávanie videa je potom potrebné mať prehliadač správne interpretujúci značky HTML5 VIDEO

V prípade, že máte HTML5 VIDEO kompatibilný prehliadač a napriek tomu sa Vám pri zobrazení tovaru s videami zle formátujú/zaroz­vnávajú prvky na obrazovke je to pravdepodobne spôsobené zmenami v CSS, ktoré Váš prehliadač ignoruje, pretože používa lokálnu verziu z cache. Vtedy je potrebné buď page force-reload alebo vymazať lokálnu cache.

Príklad zobrazanej detailnej stránky produktu M1T-330

Na prom obrázku sú zobrazené štyri náhľady multimédií v poradí: [_video_] [_foto_] [_foto_] [_video_]. Celá plocha obrázku (aj horná lišta s inverzným textom) slúži ako link na zobrazenie plnej verzie obrázku na stránke Flickr.

Po prejdení myšou ponad ikonu videa sa zobrazí video prehrávač so štandardným ovládaním, viď druhý obrázok (spustiť/zastaviť, poloha, hlasitosť, na-celú-obrazovku). V tomto prípade je len horná lišta nad video prehrávačom aktívna ako spätný link na Flickr video prehrávač.

Zoznam zmien:

• pridaná možnosť zobrazovať krátke videá k produktom
• pri otvorení detailnej stránky produktu sa načítavajú len zmenšené náhľady obrázkov, čo by malo rapídne zvýšiť rýchlosť načitavania deailnej stránky (vítaná zmena)
• pri požiadavke (kliknutí) na plný obrázok sa v novej záložke otvára Flickr stránka so všetkými prístupnými formátmi, čo je však pomalšie ako to bolo doteraz keď sa zobrazoval len samotný obrázok bez html/javascript kódu (nevítaná zmena)
• kategórie v prehľade tovaru (mriežke) na hlavnej strane sú aktívne hyperlinky na výber zobrazenej kategórie
• drobné zmeny v CSS pre video/img zarovnanie
• chýbajúce ikony sú závistlé od kategórie (nie je teda jedna červená X-ikona ale každá kategória má svoju ikonu)
• Nette upgradnuté na verziu 2.3.9