Reprodukcija multimedije u HTML5

Prilikom rada na webu moramo osigurati da svaki korisnik ima zadovoljavajuće iskustvo na našoj stranici, što često podrazumijeva da je potrebno napraviti dodatni ili manje učinkovit kôd, a sve kako naša stranica ne bi zakazala.
S novim standardom HTML imamo nove multimedijske elemente, kao što su audio i video, budući da oba imaju zajedničko podrijetlo, možemo ocijeniti njihove formate i na taj način znati može li preglednik reproducirati navedene datoteke ili ne.
Metoda CanPlayType
Način canPlayType Omogućuje nam da znamo ili imamo predodžbu o tome može li preglednik reproducirati multimedijsku datoteku na koju ukazujemo.
Pomoću ove metode možemo imati 3 vrste odgovora:

• “” prazno ovo nam govori da ne možete reproducirati datoteku u navedenom formatu.
• može biti ovaj nam odgovor govori da se format može reproducirati.
• vjerojatno S ovim odgovorom preglednik nam govori da postoji velika vjerojatnost da može reproducirati sadržaj u navedenom formatu.

Pogledajmo ispod kod u kojem ovu metodu koristimo za multimedijsku datoteku:

 Primjer Video se ne može prikazati 
 
Imovina
Vrijednost

 

 

Ovdje jednostavno radimo dva niza, u prvo postavljamo nazive datoteka s različitim ekstenzijama, u drugo postavljamo formate koje imamo, jednom s tim prolazimo kroz niz formata, a zatim ocjenjujemo metodom canPlaytype kako bismo dobili odgovor koji nam je potreban.
Zasad sve ide glatko, nakon što provedemo evaluaciju pitamo tko je vratio odgovor vjerojatno i to je onaj koji ćemo postaviti za reprodukciju.
Pogledajmo kako ovo izgleda u pregledniku:

U ovom konkretnom primjeru koristimo se Firefox, u ovom slučaju format koji preglednik može reproducirati je webm a zapravo je ona prikazana u odgovarajućem elementu.
Kao što vidimo, ova nam metoda omogućuje uspostavljanje nekoliko opcija, a ako pravilno razvijemo naš algoritam, možemo izvesti vrlo robusnu funkcionalnost koja će nam omogućiti da uživamo u prednostima HTML5 u upravljanju multimedijom u više preglednika bez brige o korisničkom iskustvu.
Ovime završavamo naš vodič, koji sada ima znanje o tome kako ocijeniti različite multimedijske formate i kako se preglednici mogu odnositi prema svakom od njih.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod