HTML5 - Ugrađena multimedija

U HTML5 video i audio elementi imaju mnogo zajedničkih čimbenika, dakle objekt HTMLMediaElement definira osnovne karakteristike svakog u SUNCE.
Zvučni elementi predstavljeni su objektom HTMLAudioElement, ovaj objekt ne predstavlja nikakvo povećanje funkcionalnosti HTMLMediaElement, s druge strane imamo objekt HTMLVideoElement koji predstavljaju video elemente i suprotnost od objekta HTMLAudioElement ovo ako pretpostavlja neke dodatne karakteristike na HTMLMediaElement.
Audio element
Element Audio omogućuje nam ugradnju audio sadržaja u naše HTML dokumente, nov je u HTML5 i može sadržavati sljedeće atribute: automatska reprodukcija, unaprijed učitavanje, kontrole, petlja, isključeno, src.
Pogledajmo primjer koda kako uključiti audio element u naše dokumente:

 Primjer Audio sadržaj se ne može reproducirati 

Primjećujemo da imamo oznaku, gdje definiramo atribut kontrole tako da možemo imati gumbe koji nam omogućuju manipuliranje reprodukcijom datoteke, s src označavamo put do audio datoteke i na kraju auto Play, prisutnost označava da bi se datoteka trebala reproducirati kada se dokument učita.
Kao što vidimo, to je nešto vrlo jednostavno za rukovanje, pogledajmo na sljedećoj slici kako bi to izgledalo u našem pregledniku:

Dobijte multimedijske informacije
Kao što smo na početku spomenuli, s objektom HTMLMediaElement grupirali smo zajedničke audio i video karakteristike, te da su u slučaju videa neke dodatne karakteristike povećane.
Podaci koje možemo dobiti s ovim objektom su sljedeći:

• auto Play On nam govori je li automatska reprodukcija datoteke omogućena ili nije.
• canPlayType() govori nam je li preglednik sposoban reproducirati navedenu datoteku.
• currentSrc omogućuje vam da znate trenutni izvor datoteke.
• kontrole omogućuje nam da znamo ili ustanovimo prisutnost kontrola reprodukcije u datoteci ili ne.
• defaultMuted označava ili postavlja treba li datoteka započeti s potpuno tihim volumenom.
• petlja označava ili postavlja treba li datoteku ponavljati.
• prigušen smanjiti volumen datoteke
• prednaprezanje označava ili postavlja datoteku za učitavanje prije reprodukcije kada se stranica učita.
• src označava ili postavlja put do medijske datoteke.
• volumen postavlja ili označava glasnoću reprodukcije datoteke.

Kao što smo naznačili, video element ima neke dodatne karakteristike, pogledajmo ispod koje su:

• visina označava ili postavlja visinu.
• poster označava ili postavlja vrijednost atributa postera s kojom možemo postaviti naslovnu sliku za video
• videoHeight označava ili postavlja visinu videozapisa.
• videoWidth označava ili postavlja širinu videozapisa
• širina označava ili postavlja širinu.

U sljedećem kodu vidjet ćemo kako možemo dobiti podatke iz ovih elemenata i kako ih možemo prikazati u našem dokumentu kako bismo ih vidjeli u pregledniku:

 Primjer Video se ne može prikazati 
 
Imovina
Vrijednost

 

 

Da bismo dovršili ovaj vodič, pogledajmo što nam preglednik pokazuje s ovim kodom:

POVEĆAJTE

Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod