HTML5 - integrovaná multimédia

v HTML5 video a audio prvky mají mnoho společných faktorů, tedy objekt HTMLMediaElement definuje základní charakteristiky každého z nich v SLUNCE.
Zvukové prvky jsou reprezentovány objektem HTMLAudioElement, tento objekt nepředstavuje žádné zvýšení funkcí HTMLMediaElement, na druhé straně máme předmět HTMLVideoElement představující prvky videa a opak objektu HTMLAudioElement to pokud předpokládá nějaké další charakteristiky na HTMLMediaElement.
Prvek Audio
Prvek Zvuk nám umožňuje vložit zvukový obsah do našich dokumentů HTML, je novinkou v HTML5 a může obsahovat následující atributy: automatické přehrávání, předběžné načítání, ovládání, smyčka, ztlumení, src.
Podívejme se na ukázku kódu, jak do našich dokumentů zahrnout zvukový prvek:

 Příklad Zvukový obsah nelze přehrát 

Všimli jsme si, že máme štítek, kde definujeme atribut řízení abychom mohli mít tlačítka, která nám umožňují manipulovat s přehráváním souboru, pomocí src označíme cestu ke zvukovému souboru a nakonec automatické přehrávání, to, že je soubor přítomen, znamená, že soubor by měl být přehrán, když je dokument načten.
Jak vidíme, zvládnutí je celkem jednoduché, podívejme se na následujícím obrázku, jak by to vypadalo v našem prohlížeči:

Získejte multimediální informace
Jak jsme zmínili na začátku, s objektem HTMLMediaElement seskupili jsme společné zvukové a obrazové charakteristiky a že v případě videa došlo ke zvýšení některých dalších charakteristik.
Informace, které můžeme s tímto objektem získat, jsou následující:

• automatické přehrávání Udává, zda je povolena automatická reprodukce souboru.
• canPlayType() nám říká, zda je prohlížeč schopen reprodukovat uvedený soubor.
• currentSrc vám sdělí aktuální zdroj souboru.
• řízení nám umožňuje vědět nebo zjistit přítomnost nebo ne ovládacích prvků přehrávání v souboru.
• defaultMuted označuje nebo nastavuje, zda má soubor začínat zcela tichým svazkem.
• smyčka označuje nebo nastavuje, zda má být soubor zacyklen.
• ztlumený snížit objem souboru
• předpětí označuje nebo nastavuje načtení souboru před přehráváním při načítání stránky.
• src označuje nebo nastavuje cestu k mediálnímu souboru.
• objem nastavuje nebo udává hlasitost přehrávání souboru.

Jak jsme naznačili, prvek videa má některé další vlastnosti, podívejme se, jaké jsou níže:

• výška označuje nebo nastavuje výšku.
• plakát označuje nebo nastavuje hodnotu atributu plakátu, pomocí kterého můžeme umístit titulní obrázek videa
• videoVýška označuje nebo nastavuje výšku videa.
• šířka videa označuje nebo nastavuje šířku videa
• šířka udává nebo nastavuje šířku.

V následujícím kódu uvidíme, jak můžeme získat informace z těchto prvků a jak je můžeme zobrazit v našem dokumentu, abychom je viděli v prohlížeči:

 Příklad Video nelze zobrazit 
 
Vlastnictví
Hodnota

 

 

Abychom tento tutoriál dokončili, podívejme se, co nám prohlížeč s tímto kódem ukazuje:

ZVĚTŠIT

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