Přehrávání multimédií v HTML5

Obsah
Když pracujeme na webu, musíme zajistit, aby měl každý uživatel na naší stránce uspokojivé zkušenosti, mnohokrát to znamená, že je nutné vytvořit další nebo méně účinný kód, aby naše stránka nezklamala.
S novým standardem HTML máme nové multimediální prvky, jako je audio a video, protože oba mají společný původ, můžeme vyhodnotit jejich formáty a tímto způsobem vědět, zda prohlížeč dokáže přehrávat uvedené soubory.
Metoda CanPlayType
Metoda canPlayType Umožňuje nám znát nebo mít představu o tom, zda prohlížeč dokáže přehrávat multimediální soubor, který označujeme, či nikoli.
Pomocí této metody můžeme mít 3 typy odpovědí:
  • “” prázdné, toto nám říká, že soubor nelze přehrát v zadaném formátu.
  • možná tato odpověď nám říká, že formát je možné přehrát.
  • pravděpodobně S touto odpovědí nám prohlížeč říká, že existuje vysoká pravděpodobnost, že dokáže reprodukovat obsah v zadaném formátu.
Podívejme se níže na kód, kde tuto metodu používáme v multimediálním souboru:
 Příklad Video nelze zobrazit 
VlastnictvíHodnota

Zde jednoduše děláme to, co děláme dvě pole, do prvního umístíme názvy souborů s různými příponami, do druhého umístíme formáty, které máme, jednou s tím projdeme pole formátů a poté vyhodnocujeme metodou canPlaytype abychom dostali odpověď, kterou potřebujeme.
Zatím vše probíhá hladce, jakmile máme hodnocení, zeptáme se, kdo vrátil odpověď pravděpodobně a to je ten, který umístíme pro reprodukci.
Podívejme se, jak to vypadá v prohlížeči:

V tomto konkrétním příkladu používáme Firefox, v tomto případě je formát, který může prohlížeč reprodukovat, formát webm a ve skutečnosti je to ten, který je zobrazen v odpovídajícím prvku.
Jak vidíme, tato metoda nám umožňuje vytvořit několik možností a pokud svůj algoritmus vyvineme správně, můžeme provádět velmi robustní funkce, které nám umožní využívat výhod HTML5 při správě multimédií ve více prohlížečích, aniž byste se museli starat o uživatelský komfort.
Tímto dokončujeme náš tutoriál, který má nyní znalosti o tom, jak vyhodnotit různé multimediální formáty a jak mohou prohlížeče s každým zacházet.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod

Vám pomůže rozvoji místa, sdílet stránku s přáteli

wave wave wave wave wave