HTML5 daugialypės terpės atkūrimas

Dirbdami žiniatinklyje privalome užtikrinti, kad kiekvienas vartotojas turėtų pakankamą mūsų puslapio patirtį, daug kartų tai reiškia, kad reikia atlikti papildomą arba ne tokį efektyvų kodą, kad mūsų puslapis nepražūtų.
Turėdami naują HTML standartą, turime naujus daugialypės terpės elementus, tokius kaip garso ir vaizdo įrašai, nes abu turi bendrą kilmę, todėl galime įvertinti jų formatus ir taip žinoti, ar naršyklė gali atkurti nurodytus failus.
„CanPlayType“ metodas
„ CanPlayType“ metodas leidžia mums žinoti ar suvokti, ar naršyklė gali atkurti mūsų nurodytą daugialypės terpės failą, ar ne.
Taikydami šį metodą galime gauti 3 tipų atsakymus:

• „“ Tuščia Tai reiškia, kad negalite paleisti failo nurodytu formatu.
• gal šis atsakymas mums sako, kad galbūt formatą galima pakartoti.
• turbūt su šiuo atsakymu naršyklė rodo, kad yra didelė tikimybė, kad turinį bus galima atkurti nurodytu formatu.

Pažiūrėkime žemiau kodą, kuriame naudojame šį metodą daugialypės terpės faile:

 Lentelės pavyzdys {kraštas: plona vientisa juoda; border-collapse: collapse;} th, td {padding: 3px 4px;} body> * {float: left; paraštė: 2 pikseliai;} vaizdo įrašo negalima rodyti 
Nuosavybė
Vertė
 var mediaElem = document.getElementById („laikmena“); var tableElem = document.getElementById („informacija“); var mediaFiles = ["timessquare.webm", "timessquare.ogv", "timessquare.mp4"]; var mediaTypes = [„video / webm“, „video / ogv“, „video / mp4“]; for (var i = 0; i <mediaTypes.length; i ++) {var playable = mediaElem.canPlayType (mediaTypes [i]); if (! playable) {playable = "no"; } tableElem.innerHTML + = " „+ mediaTypes [i] +“„+ grojamas +“"; if (atkuriama ==" tikriausiai ") {mediaElem.src = mediaFiles [i];}} 

Čia mes tiesiog darome du masyvus, pirmame sudedame failų, turinčių skirtingus plėtinius, pavadinimus, antrame dedame turimus formatus, vieną kartą mes einame per formatų masyvą ir įvertiname „ canPlaytype“ metodu. kad gautume atsakymą, kurio mums reikia.
Kol kas viskas vyksta ratais, kai tik turime įvertinimo, paprašome atsakymo, kuris tikriausiai grąžino atsakymą, ir būtent tai ir skirsime jo atgaminimui.
Pažiūrėkime, kaip tai atrodo naršyklėje:

Šiame konkrečiame pavyzdyje mes naudojame „ Firefox“, šiuo atveju formatas, kurį naršyklė gali atkurti, yra internetas ir iš tikrųjų yra tas, kuris parodytas atitinkamame elemente.
Kaip matome, šis metodas leidžia mums nustatyti keletą variantų ir jei teisingai parengiame savo algoritmą, galime atlikti labai patikimas funkcijas, kurios leis mums mėgautis HTML5 pranašumais tvarkant multimediją keliose naršyklėse, nesijaudinant dėl ​​vartotojo patirties. .
Tuo mes užbaigiame savo mokymo programą, dabar turėdami žinių, kaip įvertinti įvairius daugialypės terpės formatus ir kaip naršyklės gali elgtis su kiekvienu iš jų.

• 
• 0