Od svého vzniku v roce 2006 se formát HTML5 prosadil na webu a stal se standardním formátem videa namísto Adobe Flash Player (který skončil).
Pokud dnes vaše videa snadno vkládá množství softwaru, jejich ruční kódování v HTML5 nabízí nekonečné možnosti přizpůsobení a hostování na vašem webu.
Zejména vám to umožňuje optimalizovat nastavení přístupnosti vašeho videa podle vašich potřeb přidáním požadovaných titulků.
Zde je návod, jak správně kódovat titulky v HTML5.
Jak správně implementovat své HTML5 video?
Nejprve malé připomenutí základních pravidel pro implementaci videa v HTML5.
Kód je založen na přidání značky
Obecně platí, že formát MP4 podporují všechny prohlížeče. Můžete však přidat formát OGG, abyste zajistili, že vaše video bude čitelné pro každého.
Pokud jde o zbytek, id tag identifikuje vaše video a přidání textu do tagu videa zajistí, že uživatel bude upozorněn na chybu zobrazení.
Implementace vašeho videa může vypadat následovně:
HTML5 titulky:kde je získat?
Jak nyní zobrazíte titulky ve videu? Jediný formát titulků podporovaný HTML5 je VTT. Proto jej musíte buď vytvořit z přepisu, nebo použít automatický generátor titulků.
V prvním případě je zde formát, na který se lze spolehnout:
Ve druhém případě můžete použít náš generátor souborů VTT. Díky technologiím převodu řeči na text můžete vytvářet titulky mnohem rychleji. Pokud máte větší objem, můžete svůj projekt předat našim odborníkům na titulky.
Zde je návod, jak rychle začít:
Nahrajte své video na rozhraní. Vyberte původní jazyk a jazyk, který chcete získat.
Po dokončení procesu přepisu můžete vstoupit do editoru titulků a optimalizovat výsledek.
Po dokončení práce můžete exportovat soubor s titulky kliknutím na „Exportovat“ a stáhnout soubor .vtt.
Jak zakódovat titulky ve videu HTML5?
Poté, abyste mohli titulky implementovat do kódu HTML5, musíte přidat značku
štítek tag udává název vašeho titulku,druh identifikuje, zda je to jemné nebo titulky,srclang definuje jazyk a src lokalizaci vašeho souboru.
Tento kód pak můžete přidat takto:
Video se poté automaticky zobrazí. Všimněte si také, že přidáním značky můžete přidat tolik jazyků, kolik chcete.
Jak mohu přizpůsobit styl svých HTML5 titulků?
Ruční HTML5 je zajímavé svými mnoha možnostmi přizpůsobení vzhledu vašich titulků.
Chcete-li nastavit jejich styl, přidejte značku CSS