HTML - Prikaz Medija

Iako HTML nije direktno odgovoran za prikazivanje medija, on pruža strukturu za integraciju različitih medijskih elemenata na web stranicu. O jednoj od opcija saznali smo u članku o HTML slikama. Spomenimo ostale:

• audio - audio element koji dodaje mogućnost ugrađivanja audio datoteka direktno u web stranice. Možemo da navedemo izvor zvuka, kontrole (reprodukcija, pauza, pojačavanje/smanjivanje jačine zvuka) i rezervni dio za pregledače koji ne podržavaju audio oznaku.
• video - element koji koristimo za ugradnju video sadržaja na web stranicu. Kao i u audio elementu, možemo odrediti video izvor, definisati kontrole i dodati rezervni prikaz.
• iframe - za ugrađivanje eksternog sadržaja u veb stranicu. Ovdje navodimo URL kao izvor sadržaja.

Audio

Slede osnovni atributi audio elementa:

• src - je izvor audio datoteke. Može se navesti URL ili relativna putanja audio datoteke.
• controls - je logički atribut koji omogućava osnovne kontrole reprodukcije (reprodukcija, pauza, jačina zvuka i progress bar).
• autoplay - omogućava automatsku reprodukciju muzičkih datoteka kada se web lokacija učita.
• loop - da napravite audio petlju na neodređeno vreme.

<audio src="path/to/audio-file.mp3" controls autoplay loop>
  <!-- Poruka u slučaju da pretraživač ne podržava audio elemnt -->
  Your current browser doesnt support the audio element
</audio>

Video

Sada osnovni atributi video elementa:

• src
• controls
• autoplay
• loop
• poster - koristi se za odabir slike čuvara mjesta koja se prikazuje prije nego što video počne da se reprodukuje.

<video
  src="path/to/video.mp4"
  controls
  autoplay
  loop
  poster="path/to/poster_image.png"
>
  Your browser doesnt support video element
</video>

Track

Za naš sadržaj su ponekad potrebni naslovi, titlovi, opisi i metapodaci. Možemo omogućiti takve opcije i poboljšati dostupnost medija i korisničko iskustvo omogućavajući korisnicima da uključe ili isključe numere pomoću elementa track. Neke karakteristike track elementa:

• src - URL track fajla.
• kind - određuje tip track-a. Postoji nekoliko dostupnih alternativa:
  • subtitles - koriste se za obezbjeđivanje prevedenog teksta za audio ili video informacije.
  • captions - uporedivi sa subtitlovima, ali za osobe koje ne čuju ili slabo čuju.
  • descriptions - su opisi za korisnike sa oštećenim vidom.
  • chapters - poglavlja za pristup medijskim sadržajima.
  • metadata - za dodavanje više metapodataka sadržaja.
• srclang - da definišete jezik medijske numere.
• label - čitljiva oznaka za stazu.
• default - označava da numera treba da bude omogućena po podrazumevanoj vrednosti.

<video src="path/to/video.mp3" controls>
  <track
    src="path/to/translate.vtt"
    kind="subtitles"
    srclang="en"
    label="Label about video default"
  />
</video>

Iframe

Iframe-ovi nam omogućavaju da integrišemo nekoliko vrsta spoljnog materijala u naše veb stranice, kao što su video, audio, mape i veb stranice. Međutim, pre nego što ubacimo spoljni sadržaj na stranicu, moramo da dobijemo dozvolu od vlasnika sadržaja da ga koristimo.

<iframe src="path/to/external/content.contentType"></iframe>