Multimédia na webe

Multimédia na webe

Grafika

Delíme na:

  • rastovú
  • vektorovú

Rastová grafika

  • obraz je skladaný z farebných obrazových bodov (pixelov)
  • každý bod má svoju pozíciu
  • pri zobrazení obrazu príslušná aplikácia vyskladá výsledný obraz postupným zobrazením všetkých bodov

Vektorová grafika

  • výsledný obraz je zložený z grafických objektov (čiary, krivky, obdlžníky,…)
  • každý bod je reprezentovaný matematickým popisom
  • tento popis možno chápať ako návodom na zostrojenie daného objektu
  • nie všetky obrázky vieme dostatočne efektívne popísať matematicky pomocou rôznych geometrických tvarov – napr. fotografie,..
    • nutnosť použiť rastovú grafiku

Farebný model

  • RGB
    • definuje úroveň zastúpenia troch základných farieb,
    • zastúpenie každej z farieb je vyjadrené hodnotou od 0 do max 255
  • CMYK

 

Natívna podpora

  • znamená, že prehliadač sám obsahuje všetky algoritmy a knižnice, potrebné na zobrazenie formátu

Podpora systémom plug–inov

  • umožňuje doinštalovať do prehliadača potrebnú funkcionalitu pre spracovanie nových multimediálnych formátov

 

GIF (raster)

  • obrázok môže mať maximálne 256 farieb (8-bitová paleta)
  • umožňuje definovať jednu farbu ako presvitnú farbu
  • má podporu viacero obrázkov (jednoduché animácie)

 

JPGE (raster)

  • obrázok má vždy farby TrueColor (24-bit)
  • pomocou stratovej kompresie je možné dosiahnuť kompresívny pomer až 1:20 bez viditeľnej straty kvality
  • formát vhodný najmä pre digitálne fotografie

 

PNG (raster)

  • navrhnutý ako prenositeľný formát v počítačových sieťach, ktorý mal nahradiť GIF
  • podporuje 24-bitovú farebnú paletu

 

SVG (vektor)

  • stará sa oň W3C
  • W3C sa snaží presadiť jeho používanie na webe a požaduje od výrobcov prehliadačov, aby ho podporovali natívne
  • reprezentuje základné geometrické útvary
  • každý objekt má svoj alfa-kanál

 

Animácia a video

Animácia – animovaná grafika – sekvencia za sebou nasledujúcich obrázkov – využíva sa nedokonalosť ľudského oka rozlíšiť rýchlo sa premietajúcu sériu objektov, obrázkov, textov

  • môže byť:
    • rastová
    • vektorová
  • výslednú animáciu vidíme ako spojitý objekt

 

Jednoduchá animácia

  • formátom GIF
  • na webe – najlepšie podporovaná možnosť
  • podporuje ju aj formát SVG
  • HTML 5 – podpora vkladania a prehrávania videa
  • najčastejšie používaný formát videa, animácií – FLASH, potrebný plug-in
  • interaktívne videa, animácie – flash, java applet
  • formáty – avi, mpeg, mp4

 

  • streaming (prúdové vysielanie) – aby požívateľ nemusel čakať na stiahnutie veľkého multimediálneho súboru je vhodné prenášať médium v nepretržitom prúde