Multimedijski sadržaji u HTML dokumentu

2. Formatiranje multimedijskih sadržaja za primjenu na internetu

jedine

medijske sadržaje, za nepodržane formate, trebali instalaciju određenih dodataka

(engl. plug-in). Zbog zahtjevnosti prikaza multimedijskih elementa cilj je da se reproduciranje

zvuka i videa ažurira zajedno s preglednikom. HTML5 je uveo standard u objavljivanju

medijskih sadržaja, odnosno podršku za reprodukciju zvuka i videa u pregledniku

preko elemenata HTML5.

Podržani formati za multimediju su:

  • za audio

● .mp3 – najkorišteniji audioformat za glazbene datoteke

● .wav – jest Windows kontejner koji podržava različite audioformate

● .ogg(oga) – jest multimedijski kontejner koji može sadržavati sve vrste formata kompresije, stvara male datoteke uz dobru kvalitetu zvuka

  •  za video

● .mp4 – koristi se zasebnom kompresijom za audio i video, veličine datoteka relativno su male, ali kvaliteta ostaje visoka i nakon kompresije. Popularan je za mrežno dijeljenje videozapisa jer je kompatibilan s internetskim i mobilnim preglednicima, a podržava ga i HTML5.

● .ogg (ogv) – jest royalty-free kodek (licencija bez naknade), video visoke kvalitete, ali i s većim veličinama datoteke.

● .webm – komprimirani format podržan u većini preglednika.

Preporuka je rabiti .mp3 za audio i .mp4 za video jer daju dobar odnos kvalitete i veličine datoteka, a podržani su u novijim preglednicima. U svim je formatima važno da je kvaliteta

sadržaja proporcionalna veličini datoteke.

Grafiku možemo podijeliti:

  • prema načinu generiranja grafike na vektorsku i rastersku
  • prema nastavku (ekstenziji) datoteka.

Vektorska slika sastoji se od vektora koji su opisani duljinom i smjerom u prostoru. S pomoću vektora stvara se objekt u kojem svaki vektor sadrži tri podatka: duljinu, smjer i boju linije, a kad one kreiraju zatvoreni oblik, javlja se i boja ispune kao četvrti podatak.

Vektorske slike u promjeni veličine prikaza ne gube na kvaliteti.

Rastersku sliku čine pikseli, pri čemu se promjenom njihove boje stvaraju različiti prikazi. Kvaliteta rasterske slike ovisi o rezoluciji, pri uvećanom prikazu gubi na kvaliteti.

Grafički formati koji su pogodni za objavljivanje na webu su:

  • .jpeg – sažimanjem gubi na kvaliteti, ne podržava prozirnost
  • .gif – rabi se za izradu kratkih animiranih sadržaja, pri sažimanju ne gubi na kvaliteti
  • .png – pri sažimanju ne gubi na kvaliteti, podržava djelomičnu prozirnost
  • .svg – mala veličina datoteka, XML (tekstualni) format zapisa ima mogućnost indeksiranja.