Daugialypės terpės atkūrimas HTML5

Turinys
Kai dirbame žiniatinklyje, turime užtikrinti, kad kiekvienas vartotojas turėtų patenkinamą patirtį mūsų puslapyje, o tai dažnai reiškia, kad reikia sukurti papildomą ar mažiau efektyvų kodą, kad mūsų puslapis nesugestų.
Su nauju standartu HTML Turime naujų daugialypės terpės elementų, tokių kaip garso ir vaizdo įrašai, nes abu yra bendro kilmės, galime įvertinti jų formatus ir tokiu būdu sužinoti, ar naršyklė gali atkurti nurodytus failus.
„CanPlayType“ metodas
Metodas canPlayType Tai leidžia mums žinoti ar įsivaizduoti, ar naršyklė gali atkurti mūsų nurodytą daugialypės terpės failą.
Naudodami šį metodą galime gauti 3 atsakymo tipus:
  • “” tuščias, tai reiškia, kad negalite paleisti failo nurodytu formatu.
  • gal būt šis atsakymas mums sako, kad formatą galima žaisti.
  • tikriausiai Šiuo atsakymu naršyklė mums sako, kad yra didelė tikimybė, kad ji gali atkurti turinį nurodytu formatu.
Toliau pažiūrėkime kodą, kuriame mes naudojame šį metodą daugialypės terpės faile:
 Vaizdo įrašo pavyzdys negali būti rodomas 
NuosavybėVertė

Čia tiesiog atliekame tai, ką darome du masyvai, pirmajame dedame failų pavadinimus su skirtingais plėtiniais, antrame - turimus formatus, vieną kartą peržiūrime formatų masyvą ir tada vertiname pagal metodą canPlaytype kad gautume reikiamą atsakymą.
Kol kas viskas vyksta sklandžiai, kai turime įvertinimą, klausiame, kas atsakė tikriausiai ir tai mes įdėsime reprodukcijai.
Pažiūrėkime, kaip tai atrodo naršyklėje:

Šiame konkrečiame pavyzdyje mes naudojame „Firefox“, šiuo atveju naršyklės atkurtas formatas yra webm ir tai iš tikrųjų yra tas, kuris parodytas atitinkamame elemente.
Kaip matome, šis metodas leidžia mums nustatyti keletą variantų ir teisingai sukūrę savo algoritmą, galime atlikti labai patikimas funkcijas, kurios leis mums mėgautis HTML5 valdyti daugialypę terpę keliose naršyklėse, nesijaudinant dėl ​​vartotojo patirties.
Šiuo klausimu baigiame vadovėlį, dabar žinome, kaip įvertinti skirtingus daugialypės terpės formatus ir kaip naršyklės gali elgtis su kiekvienu iš jų.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave